html - 仅在 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/