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; }