IE - Floated DIV still affects flow

[zdislaw]

Hi,
I'll betcha this has already been addressed here. My apologies, but I'm totally in crunch time so I'm posting after only a brief search. If the solution is around already, I'll be happy to find it...just tell me so.

That said...

I have a DIV (orange search form) that lives up at the top of the HTML document, but is relatively positioned to display further down the page. In IE, the page bumps down as if the DIV were still at the top, but the DIV still appears where it should. The DIV displays in the correct place in all my target browsers (IE6, Moz 1, and NS6) but the page behind it is not right in IE.

Here's a link to the page and the css:
http://fiercefamily.com/samples/test.html
http://fiercefamily.com/samples/css/advanced.css

Thanks a million!

[zdislaw]

I think I solved it by adding the following hacks to my css to subtract the space being added to the top of #main and then to reposition the search bar in IE only to match Moz.

/* IE Hack */
* html #search {
top: 155px;
}


/* IE Hack */
* html #main {
margin-top: -30px;
}

Is there a better way? I'm thinking I just used the hack to undo something that I did wrong in the first place. Don't want that!

Thanks,
Tim