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

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 lis ght，将导航高度增加到30px，因为你的lis有28px高度和2x1px边框，总共将变成30px