CSS Dropdown WebKit Woes

Question

我在Safari＆amp; amp;中的下拉菜单中遇到了这个非常烦人的问题。适用于Mac和Windows的Chrome。

在其他浏览器中看起来很好，甚至是IE7 +（我知道这很令人震惊）。

下拉列表应该绝对定位到父<li>，我已设置left: 0;，但下拉列表显示在以下<li>下方。

过去我在IE中遇到过这个问题，但我希望WebKit更好！

另外，这是Safari中的问题（不同，但我想原因是一样的）：

以下是该页面的链接（将鼠标悬停在“博客”链接上）： - http://www.mattpealing-server.co.uk/~devfooty/

有谁知道如何修复它？我尝试了各种组合，甚至发现如果我定位bottom: 0，那么下拉列表会显示在正确的<li>下，但显然它看起来不正确！虽然很奇怪。

Answer 1

我不确定这是否有效，但您可以尝试将父元素的位置设置为相对位置。