IE7 float/clear bug
- by alex
I am having the weirdest behavior in IE7 on this page.
I have a clear: left on #moored that makes sure that #content-container will expand to the height of the float: left'd #content.
Of course, Firefox and IE8 do it right.
The weird thing though, is in IE7, it appears that #content-container is automatically expanding to contain the #secondary-content, which it shouldn't.
Even weirder is when I view with IE8 with developer tools, the boundary boxes seem to show the that the #content-container is the expanding to the height of the #secondary-container, even though the background: #fff tells a different story.
The background goes to where it should, and the void is now black.
I've Googled a bit and came across heaps of similar float bugs, but I don't think I've found one which offers a fix yet for this circumstance.
Can anyone please help me?