css - ブラウザ間の互換性で異なるナビゲーション パディング

Question

http://danhumphrey.co.uk/nav/main.html

Chrome と Firefox または IE で開くと、リストをナビゲーション バーと正しく並べるのに問題があることがわかります。

Li の左右にパディングを追加してから、1 つの Li にカスタム パディングを追加してみました。私が間違っている場所に関するヒントはありますか？

ありがとう、ダン

Answer 1

1) nav 要素から背景を削除し、

2) 追加

nav ul li {
...
background: #474747
}

3)これを追加して、lisをnav要素に揃えます

#brands {
margin-left: 20px;
}

4) ナビゲーションの高さを lis の高さに合わせたい場合は、ナビゲーションの高さを 30px に増やします。これは、lis の高さが 28px で境界線が 2x1px で合計 30px になるためです。