[RESOLVED] Bad Float

[G_Floppy]

I'm sure this is very straightforward, but I can't bang my head against the wall any longer.

Please see www.bargameolympics.com.

My problem is that the right DIV that has the words "GET READY" in the upper right corner doesn't seem to float properly in IE8, Chrome, or Firefox 3.5.7. Even though it's only "float: right; clear: right" it floats below the "BGO Nation Poll" on the left.

If I set IE8 to compatibility mode, it floats up where it should.

What do I have wrong?

Thanks in advance!

Greg

[G_Floppy]

Not sure if this is a known bug or intended behavior or if I just had something wrong.

But, for me, in IE8:

<div style="float:left; clear:left">SOME STUFF</div>
<div style="float:left; clear:left">SOME STUFF</div>
<div style="float:left; clear:left">SOME STUFF</div>

<div style="float:right; clear:right">OTHER STUFF</div>

wouldn't float the right div properly. Combining the top three elements into a single div floated left worked perfectly.