Css IE9-位置：相对位置；悬停问题

我从IE9中得到了一些奇怪的悬停行为，这似乎是由于相对于父元素定位了一个元素。这有点难以解释，所以我在这里提供了一个工作示例：我已经尽可能地将它剥离出来，但我将所有包含的

div

s都放在那里，以防它们有某种相关性

尝试将光标悬停在每个按钮的最底部，您将看到除非将光标向上移动10像素左右，否则悬停不会激活。不管你信不信，它在FF、Chrome甚至IE6上都能正常工作

这与底部的

有关：12px应用于
#menucontainer ul li a的样式
。如果我移除它，整个部分会正确激活，但它的位置不正确。该示例中的文本位置是我希望的，但对悬停进行了修复

以前有没有其他人遇到过类似的情况？我一直在搜罗SO和谷歌的答案，但我还没有找到任何类似的答案。我真的很感谢你在这方面的帮助。
我举了你的例子

它似乎适用于所有浏览器。我在
和
元素上更改了一些样式
非常感谢。这在IE6中不起作用，但有几个典型的黑客对此进行了攻击，而且它很有魅力。