jQuery UI菜單定位問題

Question

我正嘗試使用jQuery UI在我工作的網站上創建下拉菜單。乍一看看起來不錯，但嵌套的ul元素的起始位置似乎阻止菜單中的下一個鏈接。當我將鼠標懸停在Firebug中嵌套的ul上並防止在「鏈接2」上懸停時出現藍色框。我該如何移動它以將其與實際菜單對齊？謝謝！

灰色做工精細的子鏈接。

<div id="nav"> 
<ul> 
<li>Link 1 
<ul> 
... 
</ul> 
</li> 
<li>Link 2</li> 
<li>Link 3</li> 
</ul> 
</div> 

#nav ul { 
    list-style-type: none; 
    float:right; 
} 

#nav ul li ul { 
    position:absolute; 
    width: 200px; 
} 

#nav ul li ul li { 
    display: block; 
    position:relative; 
    top:40px; 
    left:-165px; 
} 

Answer 1

原來，jQuery UI正在生成一些內聯樣式，試圖正確定位下拉菜單。

<ul ... style="display: none; top: 84px; left: 913px;" aria-hidden="true"> 

我發現this question有類似的問題。我在樣式表中添加了以下樣式，現在它可以工作：

.ui-menu { top: auto !important; left:auto !important; }