FFで詰め線と線の高さを正しく表示しようとしています

Question

jqueryを使用してサブメニューを切り替えるメニューがあります。クロム、EI、Safariでうまく見えます。 Firefoxはパディングを正しく表示しません。あなたはそれが

任意の助けを動作させるために左のボックスクエリUI 1.8.16をチェックする必要が大幅に

に感謝 - サイトは、私がここにjsfiddle http://jsfiddle.net/6GwjA/が持っているwww.caitmizzi.com/home

です

おかげ グレッグ

私はあなたが次のCSSを持っている理由はわからない

Answer 1

：これは作成され

.subMenu{ 
    font-size: 115px; 
    line-height: 20px; 
    padding-top: 40px; 
    padding-bottom: 40px; 
} 

小さな線の高さは要素のサイズを縮小しますが、要素のサイズを再び拡大して埋め込みを追加します。私は別のブラウザは、その端のケースを別々に解釈していると思います。

これらのプロパティを削除して（他のリスト要素と同じ設定を継承させる場合）、内側のリストのスタイルをオーバーライドしてより一貫した効果を得ることができます。

私はあなたのjsfiddleを更新：http://jsfiddle.net/6GwjA/8/

キーの変更が.subMenuと.subMenuStyleクラスへの追加をしています。

.subMenu{ 
    font-family: Impact, Charcoal, sans-serif; 
    list-style-type: none; 
} 
.subMenuStyle { 
    font-size: 15px; 
    line-height: 30px; 
}