css - jQuery UI 菜单定位问题

Question

我正在尝试使用 jQuery UI 在我正在处理的网站上创建一个下拉菜单。乍一看还可以，但嵌套ul元素的起始位置似乎挡住了菜单中的下一个链接。蓝色框是当我将鼠标悬停ul在 Firebug 中的嵌套并防止悬停在“链接 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">

我发现这个问题有一个类似的问题。我在样式表中添加了以下样式，现在可以使用：

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