Equalizing 3 Columns in Center Content Area

[johntabita]

I need some help with this layout. I can't get the 3 columns in the center content area to exend completely down to the footer.

Each column is a dIV, and all are nested inside another DIV called "content". I've placed a background image in the content DIV that's a 2px high horizonal slice of the 3-column background, but for some reason it's not working.

Any help would be appreciated.

[jthale]

A div will only expand to the length of the content. To stretch all 3 columns equally you should be using one background image in a container DIV for those 3 columns. Find out more here:

http://www.alistapart.com/articles/fauxcolumns/

[Buddy Bradley]

You need to specify units within your background declaration:

background: url(images/common/tile.gif) repeat-y 1px 0;

If the three columns are floated, then you also need to either float the #content div to enclose them, or add a clearer div at the end (inside #content) to force its height to extend.