css - IE9 - 位置 : relative; hover issue

Question

我从 IE9 中得到一些奇怪的悬停行为，这似乎是由于相对于父元素定位元素造成的。这有点难以解释，所以我在这里提供了一个可用的示例:http://jsfiddle.net/CVPhW/2/我已尽可能多地删除它，但我将所有包含 div 的内容保留在那里，以防它们以某种方式相关。

尝试将光标悬停在每个按钮的最底部，您会发现悬停不会激活，除非您将光标向上移动 10 像素左右。不管你信不信，它在 FF、Chrome 中运行良好，甚至在 IE6 中也能正常运行。

这与应用于 #menucontainer ul li a 的 bottom: 12px; 样式有关。如果我删除它，整个部分会正确激活，但它的位置不正确。该示例中的文本位置是我希望的样子，但修复了悬停问题。

有没有人遇到过这样的事情？我一直在拖网 SO 和谷歌寻找答案，但我没有发现任何相似的东西。如果能提供一些帮助，我将不胜感激。

Answer 1

我 fork 了你的例子here

它似乎适用于所有浏览器。我在 <li> 上更改了几种样式和 <a>元素