IE6's Bug系列之li底部多余间距

一、问题如下所示：

<style type="text/css">

ul{ width:400px;
margin:100px 200px;}
li{ list-style:none;}
li a{ display:block;
background:#000;
color:#fff;
text-decoration:none;}
li a:hover{ background: #990000;}

</style>

<ul>
<li><a href="#">第1条连接</a></li>
<li><a href="#">第2条连接</a></li>
<li><a href="#">第3条连接</a></li>
</ul>

在常规浏览器中，显示正常，在ie6中每行li底部会有多余的空白间距，相当于每行li都多了几像素的padding-bottom。

二、解决方法：

（1）为a元素添加样式{zoom:1}；

（2）将html部分改写成如下格式（不推荐！！）

<ul>
<li><a href="#">第1条连接</a></li><li><a href="#">第2条连接</a></li><li><a href="#">第3条连接</a></li>
</ul>