Floating div ignoring its contents.

I could swear CSS is out to get me…

I’ve got a page here [url]http://home.stephenphilbin.com/[/url] that I’ve been trying to get to behave (without a mountain of messy CSS and markup) for ages now. I decided to drop what I had before and just go with a simplified setup. All I’m not trying to do is have the header, content and footer divisions inside the main_data division and to float the main data division to the left so that the additional_data division (the one with the large “S” logo and small form) would sit to the right of the main_data division.

From the looks of what I’ve got and the experience with CSS I’ve had, I’d say that the main_data division is floating left and so bringing the additional_data division up to its right side, but it’s collapsing to a width of zero because it’s ignoring its contents. I seemed to remember putting a clear:both; on a div as the last element of a float made it stop ignoring its contents and behave in a sensible way, but it doesn’t seemed to have worked here.

Anyone know how to fix this? It’s getting right on my chesticles.

Also in #CSS _↴