css - 如何停止居中的 css 下拉菜单抽动(仅限 chrome)

Question

我有一个 CSS 驱动的下拉菜单，在 Chrome 中，当我将鼠标悬停在最后一个选项上时，整个菜单会略微向左跳转。我假设这是因为下拉菜单增加了主列表的整体宽度，即使它的样式是 float 的。有没有什么办法解决这一问题？ (有趣的是，它并没有在 Firefox 中这样做)

我注意到通过使用 webdeveloper 来勾勒元素，最后一个 li 在悬停时看起来变宽了，但其他的都没有。

适用的源代码在这里: http://jsfiddle.net/WsAEW/

Answer 1

改变这个对我有用:

#menu ul li {
    display: inline; 
    position: relative;
}

为此:

#menu ul li {
    display: inline-block; 
    position: relative;
}