css - ボタンの下部にあるカラーバーが Firefox で正しく表示されない

Question

ナビゲーション ボタンの下部にあるカラー バーが Firefox で正しく表示されません。Mac Chrome、Mac Safari、PC IE 10 では良好に表示されますが、Mac Firefox (v. 19.0.2) では表示されません。

http://jsfiddle.net/trevoray/CEXts/

 #navMenu ul, #navMenu {
list-style-type: none;
margin: 0;
padding: 0;
 }

誰でもこれで私を助けることができますか? あなたの助けは大歓迎です!

トレバー

Answer 1

このプロパティを削除します

.nav > li > a { height:100% ; ... }

Answer 2

これは、アンカー タグのパディングが原因です。パディングを削除すると、正しく表示されるはずです。ただし、周囲の li 要素に下枠スタイルを設定することをお勧めします。そうしないと、下の境界線が Firefox の li ほど広くならないからです。