ボタンの下部にカラーバーがあるボタンとしてリスト項目を使用するナビゲーション メニューがあります。ほとんどのブラウザーでは、カラー バーはボタンの下部、ボタンの内側に表示されます。しかし、Mac Firefox では、カラー バーはボタンの下部に表示され、ボタンの外に表示されます。SO Mac Firefox でのみ、ボタンが本来よりもはるかに高くなっています。これらのボタンを Firefox で正しく表示して、他のブラウザでの短く表示する方法と一致させる方法について何か提案はありますか?
http://jsfiddle.net/trevoray/CEXts/3/
.nav > li {
padding: 0;
float: left;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(183,183,183,1) 50%, rgba(249,249,249,1) 100%);
border-right: 1px solid #5d5d5d;
border-left: 1px solid #929292;
width: 169px;
height: 45px;
border-top: 1px solid #797979;
border-bottom: 1px solid #575757;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.5px;
font-size: 14px;
text-shadow: 0 -1px 3px #CCCCCC;
}