What can I do to make the height of this div work out using CSS?
I'm working on a website that has a three-column layout with a header and a footer. The left column is used for navigation, and therefore always has the same content. The middle column, however, always expands to fit the content because some pages have more text than others. Since the left column has a background color, it's quite obvious when it stops and leaves a lot of whitespace between the bottom of the left column and the footer. Is there a way to get the left column to expand to its maximum height without specifying a separate height in pixels on each page?
I already tried the suggestions on this page
http://www.webmasterworld.com/forum83/200.htm
but they didn't seem to work, perhaps because I'm using a div to contain the three columns and not <body>. Any leads in the right direction would be appreciated.