仅在 Webkit 浏览器中以中心为中心的菜单丢失元素

Question

我有以下问题。

我有一个 1000 像素宽的菜单。使用 LI 之间的填充使菜单居中。它在所有浏览器（甚至 IE7）中都运行良好，除了 webkit（Chrome 和 Safari）。

由于某种原因，它会在两个方向上切割元素（在我看来，它认为菜单不是 1000 像素宽）。我不知道为什么会发生这种情况，并且我尝试更改我的 CSS，但我无法让它工作。

JSfiddle：http://jsfiddle.net/T8PfP/（在 Opera、IE9、IE8 和 Firefox 中测试没有任何问题）

Answer 1

以这种方式改变

#meny ul li {
   ...
   display: inline-block;
}

菜单在 webkit 中看起来相同 - Fork：http://jsfiddle.net/3gJEE/