swa66 - 12:50 am on Feb 16, 2009 (gmt 0)

You can use links to a stylesheet for IE7 and IE6 separately (giving them each a file only they will add to all you pages) by adding something like this:

<link rel="stylesheet" type="text/css" href="/style.css" /> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="/ie6.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="/ie7.css" /> <![endif]-->

Advantages:
- doesn't target IE8 (odds are it won't need much at all), and you can apply different fixes for IE6 and IE7.
- only loads once for all of your site instead of transferring of the fixes (which I've gotten sometimes to be longer than the original) with each page itself.

I've seen haslayout expand floated blocks to the width of their parent if they have no width specified themselves. Try adding a width to the floated element. (Yeah, I understand, but if you just do it for IE6, it'll probably degrade somewhat ok in that browser, and work as intended in the others)