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中的填充問題

回答

相關問題