Margin Doubling in IE6

Posted by on Sep 28, 2009 in Development | No Comments

This post is more of a note to myself so I don’t forget it (again) when battling IE 6. If you happen to find it useful, then I feel for you for dealing with that browser…

If you have a floated element such as a div and you place margin-right or margin-left on that element, our most beloved Internet Explorer 6.0 will double that margin value, causing havoc in your html layout. To fix this simply add display:inline; to your floating element.

(via Jayme Blackmon)