用浮动清除LI元素在IE6中底部3像素的BUG

今天开发项目中碰到一个li在IE中的BUG，先来看设计原型（如图：）

两个红色中间是<li>1px的底边框；
我写的代码如下：

在IE6，IE7下显示为（如图）：貌似<li>多了个 margin-bottom:3px；

几经周折，找到了Qzone的鬼哥帮忙解决，他说在<li>上加float:left；
问题解决了，当然根据设计稿的精神还要加个width:100%;
下面这行代码样式修改如下：

ul li{ height:43px; border-bottom:#DCDCDC 1px solid; float:left; width:100%;}