css columns?

Hi. Can someone help me with a CSS quandary?

Basically, I’ve created an opening page for my new bulletin board [url]www.everydayoutrage.com[/url] , but I am nervous about a few of the CSS elements. Specifically, I don’t know how to make the two colored columns on either side of the main text stretch so that they are always in contact with the footer. For now, I’ve set their lengths in ems so that they will stretch a little when the text is resized, but this seems to me a rather crude solution. First of all, it leaves all that empty space beneath the form on the right side, and it renders a length that’s probably not consistent across all browsers.

Can anyone suggest a solution? All I want is three columns (the outside ones with colored backgrounds) that stretch down and touch the footer and can stretch when the text is changed or increased in size. I tried wrapping all of the columns in a <div> with a background image, but I still had to put in a height to make the image visible (which kind of defeats the purpose). I suppose I could put a background image in the body tag, but then I would have to do away with the top and bottom margins and restyle my header and footer. Any other thoughts?

The CSS is located at:

[url]www.everydayoutrage.com/outrage.css/[/url]

Thanks so much!

Newt

Also in #CSS _↴