Firefox中的填充问题

http://www.pcdconsultancy.co.uk/Firefox中的填充问题

我的菜单有问题。它似乎在Firefox上至少有两个像素比IE或Chrome更大，有人能告诉我看起来是什么吗？我试图调整它，但它似乎仍然出局。

我的菜单CSS是：

#headermenu { margin-top: 9px; margin-left: 80px;} 
#headermenu ul {background: #efefef; 
padding: 0px; 
margin: 0; 
list-style: none; 
display: inline-table; 
} 
#headermenu ul li { 
float: left; 
background: -moz-linear-gradient(top, #999999 0%, #3a3a3a 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #999999 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #999999 0%,#3a3a3a 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #999999 0%,#3a3a3a 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #999999 0%,#3a3a3a 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#3a3a3a',GradientType=0); /* IE6-9 */ 
border-left: 1px solid #666666; 
border-right: 1px solid #000; 
border-top: 1px solid #999999; 
border-bottom: 1px solid #999999; 
} 
#headermenu ul li:hover {} 
#headermenu ul li a {display: block; color: #fff; text-decoration: none;font: 15px Arial; padding: 7px 20px; /* Old browsers */}

来源

2013-05-09 Kirsty Marks

发布您的html以及。 – Cam 2013-05-09 20:00:05

@Cam：她提供了一个链接到她的网站，这是一样好，甚至更好。 – 2013-05-09 20:05:07

如果添加的line-height声明的#headermenu UL里一个元素，应该解决这个问题。请参阅以下代码：

#headermenu ul li a {line-height: 15px;}

我保证能解决您的问题。

谢谢！

来源

2013-05-09 20:02:24

这似乎已经解决了我的问题，谢谢:) – 2013-05-09 20:30:45

非常欢迎您！ :) – 2013-05-09 20:35:13

Firefox中的填充问题

回答

相关问题