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?