Stupid IE. So I've got these boxes and I want them flush left. Works right in FF.

Top Box: div#horiz{ margin-left:1.5em;margin-top:1.5em;text-align:left;width:750px;background:#f1f4f7;padding:.5em; }

Bottom Box: div#vert{ margin-left:1.5em;margin-top:1.5em;text-align:left;float:left;width:150px;background:#f1f4f7;padding:1.5em; }

In Firefox: In IE:

if its just ie6 then you have the old double margin bug. Adding _display:inline is the common fix.

Originally posted by: creepylurker if its just ie6 then you have the old double margin bug. Adding _display:inline is the common fix.

Awesome, thanks man! I've found a few IE6 debugs, but I couldn't find that one. I could just ignore IE, but it will bug me when I'm trying to sleep at night.

do you use a "reset.css"

The other thing you can do is if you're floating in one direction, use margins on the other side. Not always possible depending on the layout obviously, but it's a simple fix when you can do it.

The double margin thing only happens if you're floating left and have a left margin, or floating right and have a right margin. Doesn't happen if you float left but have no left margin.

Just FYI.