I have a layout with three variable height columns. The background to the whole page (i.e. the div containing the columns) needs to finish beneath the columns. Obviously, because all three are floated, the background is not showing at all. It's a fixed with centered layout.
The code is like this:
margin: 0 auto
How can I get the background to always show at the correct height? I've tried adding a <div style="clear: both"></div> after col_3, which works in IE7 but not in Firefox.
Thanks for any pointers...