CSS: Automatically repeat background in a div without fixed height?

[Cybertronic]

I'd like to fill one of my div columns with a repeated background image (repeat-y) without having to use a fixed height. Is it possible for the background image to stop repeating at the end of the content in the div tag?

If so, how can I do this please?

 

[Cybertronic]

I've got my layout similar to what you've described, one div with four div columns (floats) inside it but the background on the left and right div's are different.

If the contents in the 2 inside columns (not fixed height) expand, I'd like the background images on the left and right columns to expand along with them. I hope I'm making sense

 

[Cybertronic]

Fx-Overlord, you've described the way I've setted up my div's

I didn't think of using one image as a background before

Is it possible for column's 1 and 4 to repeat their background images depending on the height of columns 2 and 3? I'm just wondering as my columns 1 and 4 doesn't have any contents in unlike 2 and 3.

 

[Cybertronic]

I've managed to do it

I took out the 2 empty columns and float the remaining two in the center with a wrapper. That wrapper was then wrapped with another div containing the background image with changes height depending on the amount of content there is inside