javascript - ナビゲーション メニューの水平クロムの問題を表示する

Question

以前回答された質問でメニューを横向きに表示しているのですが、Google Chrome では動かないようです。

Firefox、IE、Safari では問題なく動作しますが、最後のメニュー項目は削除されません。

フィドル: http://jsfiddle.net/Nilpo/GGQ4V/3/

回答された前の質問で述べたように、コンテナのサイズに合わせてメニュー項目を作成する必要があります。ただし、このソリューションは Google Chrome では機能せず、理由がわかりません。

Answer 1

表示しないでください：テーブル;

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

デモ：フィドル

Answer 2

フィドルでこれを試したところ、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 は必要ありません。