显示导航菜单水平铬问题

Question

我正在使用previous question that was answered水平显示菜单，但它似乎无法在Google Chrome中使用。

它在Firefox，IE，Safari中工作正常看起来不同，但不会删除最后一个菜单项。

小提琴：http://jsfiddle.net/Nilpo/GGQ4V/3/

正如之前提出的问题所述，我需要菜单项以适应它所在容器的大小。但是，该解决方案在Google Chrome上无效，我不知道为什么。

Answer 1

不要显示：table;

.menu-main-menu-container ul {
----------------------
}

演示：fiddle

Answer 2

I just tried this on the fiddle，并让它在Chrome 22中运行：

.menu a {
    padding:         5px 14px 5px 15px;
    text-decoration:none;
    color: #333;
    display: block;
    position:        relative;
    font: 15px 'DroidSerifBold', Arial, sans-serif;
    text-transform: uppercase;
}

我完全禁用了Javascript。如果您的容器是固定宽度，并且菜单项没有更改，则不需要JS。