跨浏览器兼容性不同的导航填充

Question

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

如果您在Chrome和Firefox或IE中打开它，您会注意到我在使用导航栏正确排列时遇到了一些麻烦。

我已经在li的左侧和右侧添加了填充，然后尝试将自定义填充添加到单个li中。关于我哪里出错的任何提示？

谢谢， 丹

Answer 1

1）从导航元素

中删除背景

2）添加

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

3）添加此项以使您的lis与nav元素对齐

#brands {
margin-left: 20px;
}

4）如果你想将导航高度调整到lis高度，请将导航高度增加到30px，因为你的lis有28px高度和2x1px边框，总和是30px