Schaut Euch mal diesen CODE im IE an. Ich glaube nicht das dies der 3 Pixel-Bug ist.
Beachte im 2. Beispiel habe ich margin-left auf Null gesetzt, trotzdem der Abstand.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css">
/*<![CDATA[*/
html,body {
margin: 0;
padding: 0;
background-color: #FF9933;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
}
.left {
float:left;
width:180px;
background-color:red;
height:20px;
}
#zweiter {
margin-left:180px;
margin-right:200px;
background-color:blue;
height:90px;
}
#zweiter2 {
margin-left:180px;
margin-right:200px;
background-color:blue;
height:90px;
}
div.ie-float-bug {
width: 100%; /*ie-float-bug*/
margin: 0;
border: none;
padding: 0;
background-color: #FFFFFF;
}
* html #zweiter2 {
margin-left: 0;
}
.clear {
clear: both;
line-height: 0px;
font-size: 0px;
height: 0px;
}
/*]]>*/
</style>
</head><body>
<div class="ie-float-bug">
<div class="left"> </div>
<div id="zweiter"> </div>
</div>
<br class="clear" />
<div class="ie-float-bug">
<div class="left"> </div>
<div id="zweiter2"> Ich habe im IE margin-left: 0; </div>
</div>
<br class="clear" />
</body></html>