IE下LI的3pxBUG

描述：IE下，当LI里面的内容有float属性时候，LI方会出现3px的空白

例如：

 

* {margin:0; padding:0; list-style:none; }
ul {
   width:200px;
}
li {
 width:200px;
 background-color:red;
}
.tex {
    float:left;
}

<ul>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
</ul>

 

IE显示下的效果

解决办法：

给li加上float，然后再加上clear

 

li {
 float:left;
 clear:left;
 width:200px;
 background-color:red;
}