Reducing the margins doesn’t seem to help the problem in IE. Is it because I have more than one flash element on the page? Without these elements, all the DIVs align perfectly, but as soon as a second SWF is embedded (either with adobe or SWFObject) the divs move out of position :(
Its very frustrating! Any further thoughts or ideas guys?
There’s a bug in IE6 that causes it to double the margins on floated elements. So if you have this:
IE will actually assign "margin-left: 40px" to the div. Unbelievable, right?
The fix is equally as ridiculous (although easy). Just add "display: inline":
"Display: inline" actually doesn’t even do anything, because floating something automatically makes it block-level. But, for whatever messed up reason, it fixes the margin doubling in IE! So there you go.