Html 为什么在IE7,6下，边界上方的盒子？

为什么在IE7,6下，包含文本

“code”“book”

的框在边框上方？不在一起。图像中的红色部分

但是在firefox下可以。以及如何删除底线。当鼠标悬停在文本（代码或书本）上，并在默认状态下使用text

code

时

html代码：

<div class="week-down rounded-corner">
 <h2>week test</h2>
   <div class="ranktitle">
     <ul>
        <li class="tab1 rankactive">code</li>
        <li class="tab2">book</li>
        <div class="clear"></div> 
     </ul>
  </div>
  <div class="weekrank">
 <div class="code-down tab1" style="display: block;">
 <ul class="item-list itemlist">
 <li><a href="#" >asp</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >java</a></li>
 <li><a href="#" >asp</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >java</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >java</a></li>

</ul>
 </div>

 <div class="book-down tab2" style="display: none;">
  <ul class="item-list itemlist">
 <li><a href="#" >test</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >test</a></li>
 <li><a href="#" >asp</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >java</a></li>
<li><a href="#" >phpp</a></li>
<li><a href="#" >java</a></li>

</ul>
 </div>
 </div>

 </div>

我使用jquery将类

rankactive

添加到li文本中。当鼠标打开时。

在

内有一个
。这是无效的。移除它并添加到
溢出：隐藏属性

对于IE6
zoom:1属性。没有此
溢出：隐藏不起作用

对于问题的第二部分，请尝试以下方法：

li:hover {
   position: relative;
   top: 1px;
   padding-bottom: 1px;
}

更新

让我们简单一点。
移除
溢出：隐藏和
缩放：1并设置为固定高度，例如15px。
对于李：悬停

li:hover {
   position: relative;
   top: 1px;
}

在
内有一个
。这是无效的。移除它并添加到
溢出：隐藏属性

对于IE6
zoom:1属性。没有此
溢出：隐藏不起作用

对于问题的第二部分，请尝试以下方法：

li:hover {
   position: relative;
   top: 1px;
   padding-bottom: 1px;
}

更新

让我们简单一点。
移除
溢出：隐藏和
缩放：1并设置为固定高度，例如15px。
对于李：悬停

li:hover {
   position: relative;
   top: 1px;
}

我很抱歉。我已经更新了问题。我很抱歉，我已经放弃了样式和html代码。我已经更新了问题。我已经删除了它。在IE7下它还可以，但在IE6下仍然是错误的。ps：你知道当鼠标悬停在文本上时如何删除底部边框吗。谢谢。你能暂时把：悬停样式应用到一个类中吗？为了能用我的萤火虫，对不起，我不知道怎么做？我添加了以下样式：.ranktitle-ul-li:hover，.weekrank-ul-li:hover{position:relative；top:1px；padding-bottom:1px；}非常感谢。在firefox下没问题。IE8,6。但在IE7下不好？如何纠正？谢谢，我写了15px，例如，在你的例子中是23px:）我已经删除了它。在IE7下可以，但在IE6下仍然是错误的。ps：你知道当鼠标悬停在文本上时如何删除底部边框吗。谢谢。你能暂时把：悬停样式应用到一个类中吗？为了能用我的萤火虫，对不起，我不知道怎么做？我添加了以下样式：.ranktitle-ul-li:hover，.weekrank-ul-li:hover{position:relative；top:1px；padding-bottom:1px；}非常感谢。在firefox下没问题。IE8,6。但在IE7下不好？如何纠正？谢谢，我写了15px，例如，在你的例子中是23px:）