Html 仅限Webkit浏览器中居中的菜单元素

我有以下问题

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

出于某种原因，它在两个方向都剪切元素（在我看来，它认为菜单不是1000px宽）。我不知道为什么会发生这种情况，我也试图改变我的CSS，但我就是无法让它工作

JSFIDLE：（在Opera、IE9、IE8和Firefox中测试，没有任何问题）

以这种方式改变

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

---

在webkit-Fork中，菜单看起来是一样的：

我花了这么多时间研究这个CSS，真不敢相信我没有尝试过。我爱你。非常感谢：）该死的。好。无论如何，谢谢你。救了我在办公室的一天：）