divs and tiling background

[vlitim]

I have three divs which are center aligned on a page and the left and right divs have a background tiling image but obviously they only tile to what is in the div whereas I need to tile to the length of the middle #content div.

help, please

cheers

Tim

#leftBar {
vertical-align: top;
border: 0px;
float: left;
margin: 0px;
padding: 0px;
width: 2px;
background: url("/images/nav/leftbar/leftbar_blueLine.gif") #ffffff repeat-y top left;
}

#content {
float: left;
width: 762px;
border: 0px solid red;
vertical-align: top;
margin: 0px;
text-align: left;
padding: 10px;
padding-top: 4px;
height: 300px;

}



#rightBar {
float: left;
vertical-align: top;
margin: 0px;
padding: 0px;
width: 2px;
background: url("/images/nav/rightBar/rightbar_blueLine.gif") #ffffff repeat-y top left;
}

 

[Vragabond]

Look into faux columns.