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; 。 所以我建議只刪除那些屬性。 它會以您期望的方式在所有瀏覽器中運行。