html中ul的3像素怎么解决,【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）...

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

两个红色中间是

1px的底边框；

我写的代码如下：

=============================================================

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

无标题文档

body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td,h1,h2,h3,h4,h4,h5{margin:0;padding:0}

body{font:400 12px/150% Tahoma,SimSun,Arial;color:#333;background-color:#FFFFFF}

select{font-size:12px}

ul,li{list-style:none}

img{border:none}

ul{ border-bottom:#FDD496 2px solid;border-top:#FDD496 2px solid; height:263px}

ul li{ height:43px; border-bottom:#DCDCDC 1px solid; }

.po-txt{ float:left; width:146px; height:31px; background-color:#f00; padding:12px 0 0; font-size:14px; font-weight:700; text-align:right}

–>

???

?????

?????

通行证：

?????

?????

?????

昵称：

?????

?

=================================================================

在IE6，IE7下显示为(如图)：貌似

多了个 margin-bottom:3px；

几经周折，找到了Qzone的鬼哥帮忙解决，他说在

上加float:left；

问题解决了，当然根据设计稿的精神还要加个width:100%;

完整的样式如下：

=====================================================

body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td,h1,h2,h3,h4,h4,h5{margin:0;padding:0}

body{font:400 12px/150% Tahoma,SimSun,Arial;color:#333;background-color:#FFFFFF}

select{font-size:12px}

ul,li{list-style:none}

img{border:none}

ul{ border-bottom:#FDD496 2px solid;border-top:#FDD496 2px solid; height:263px}

ul li{ height:43px; border-bottom:#DCDCDC 1px solid; float:left; width:100%;}.po-txt{ float:left; width:146px; height:31px; background-color:#f00; padding:12px 0 0; font-size:14px; font-weight:700; text-align:right}

–>

======================================================

以前我们老是研究清除浮动，想不到今天却用增加浮动来解决问题。呵呵。

?特别感谢Qzone的鬼哥！