IE7表现奇特，悬停在ul列表上，没有任何中断

Question

我有将鼠标悬停在链接上时显示的操作列表。 它在firefox 3.6和IE8中工作正常，但在IE7中却无法正常工作。

这是我的代码：

<td class="noTableStyle">
 <a href="#">Actions</a>
  <ul>
   <li><a href="#" title="Edit">Edit</a></li>
   <li><a id="Delete" href="#">Delete</a></li>
  </ul>
</td>

这是我的Jquery代码：

$(document).ready(function() {
        //Initialize action menu behaviour
        $("td.noTableStyle ul").hide();
        $("td.noTableStyle a").hover(function() {
            $(this).next().slideDown('fast');
        });
        $("td.noTableStyle").hover(null, function() {  $(this).children("ul").slideUp('fast'); });
   });

这是我的CSS：

d.noTableStyle { 
    background-color:Transparent;
}
td.noTableStyle ul { 
    margin-top:0px; 
    list-style-type:none;
    z-index: 2; 
    position:absolute;
    float:left; 
    background-color: #EBF5F8;
    margin-left: 1px;
    padding-left:0px;
}
td.noTableStyle ul {
    background-color:#EBF5F8; 
    padding:2px;
}

在firefox / IE8中，该链接显示在操作中，但在IE7中，编辑和删除链接显示在右侧。

我真的很乐意提供帮助。 谢谢大家

Answer 1

组合position: absolute; float: left; 使其贴在链接的右侧。 由于您希望将其放置在链接的正下方 ，并且<ul>默认情况下已经是一个块元素，因此我看不到将其position: absolute; float: left;任何信息position: absolute; float: left; position: absolute; float: left; 。 所以我建议只删除那些属性。 它会以您期望的方式在所有浏览器中运行。