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

Question

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

如果你在 Chrome 和 Firefox 或 IE 中打开它，你会注意到我在让 lis 与导航栏正确对齐时遇到了一些麻烦。

我在 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