html - CSS 链接在鼠标移出时保持突出显示

Question

我在一个我正在工作的网站上有一个 CSS 下拉菜单，我遇到了一个小问题。下拉菜单工作正常，但在一个特定菜单上有分支到一侧的子类别，这些菜单工作正常，直到我将鼠标悬停在链接的最后一个子项上。一旦最后一个孩子被鼠标悬停，它就会保持突出显示，就好像鼠标仍然在它上面一样，然后该列表中的其余链接继续发生这种情况。任何帮助将不胜感激。

http://andy-burns.co.uk/underconstruction查看问题和源代码。

Answer 1

它反映在（Windows NT 6.1；WOW64）-Chrome/21.0.1180.89

它与这个 CSS 有关：

li {
    display:inline;
    width:100px;
    height:50px;
}

如果inline更改，则不会重现该问题。

Answer 2

您使用的是什么浏览器和操作系统，我刚刚在 Mac 上使用 Chrome、Safari 和 FF 进行了检查，但无法重现该问题