ie7--css bug：通用元素的特殊样式显示问题

例：

<ul class="textList">
    <li><a href="#" title="借条和欠条的不同">借条和欠条的不同</a></li>
    <li><a href="#" title="民间借贷要把握八大要点八大重点">民间借贷要把握八大要点八...</a></li>
    <li><a href="#" title="民间借贷需要注意的事项事宜">民间借贷需要注意的事项事...</a></li>
    <li><a href="#" title="民间借贷是否合法">民间借贷是否合法</a></li>
    <li class="line"></li>
    <li><a href="#" title="民间借贷利息和利率">民间借贷利息和利率</a></li>
    <li><a href="#" title="什么是民间借贷">什么是民间借贷</a></li>
    <li><a href="#" title="民间借贷的司法解释">民间借贷的司法解释</a></li>
    <li><a href="#" title="民间借贷的法律保障">民间借贷的法律保障</a></li>
</ul>

css样式：

.textList{padding:17px 0 8px 6px}
.textList li{padding-left:20px;height:24px; line-height:24px; background:url(../images/textListBg.jpg) no-repeat;font-size:14px;}
.contentUl li.line{margin:12px 0;padding:0;border-top:1px #eaebeb solid; border-bottom:1px #f1f1f1 solid;height:0; }

IE7，IE8/FireFox显示效果图：

很明显，IE7下灰色横线的上方空白要多一些，修复代码：

.contentUl li.line{margin:12px 0;padding:0;border-top:1px #eaebeb solid; border-bottom:1px #f1f1f1 solid;height:0; line-height:0; font-size:0;}

之后显示效果一致。

总结：在高度设为0的情况下，line-height  font-size 这些影响高度的属性的设置会起到意外的height效果。