IE6 double margin bug in floated elements
June 11th, 2007 by NikhilSimple … To correct this problem use display:inline.
div {float:left;margin:40px;display:inline;}
If you have a floated element such as a div and you place margin-right or margin-left on that element, Internet Explorer 6.0 will double that margin value, messing up the html/css layout. To fix this simply add display:inline; to your floating element.
Tags: IE Bugs, IE Fixes, IE Hacks, IE Issues, IE6
Subscribe to ExpressingIT by Email | Follow Me on Twitter