Firefox渲染菜單圖像不正確

Question

大家好 - 我想知道是否有人可以提供任何見解我遇到的問題，我不能得到我的頭。最初這是Chrome的一個問題，但是現在已經修復了它現在使用Firefox。

請查看以下左側菜單圖像。當它在Firefox中呈現時，出於某種原因，「去」按鈕在下面懸停。這在其他瀏覽器中不會發生。

它的外觀在Firefox：

Firefox menu http://desmond.imageshack.us/Himg254/scaled.php?server=254&filename=20212630.jpg&res=landing

Here是HTML和CSS

我使用的是Firefox 14.0.1

Answer 1

在樣式表中包含此：

button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner { 
    padding: 0 !important; 
    border: 0 none !important; 
} 

問題是Firefox的問題按鈕和輸入內的一些默認填充。由於你的搜索元素需要一個特定的寬度，所以這一小部分的填充會混淆它。

上面的一段代碼刪除了該填充。這是許多重置樣式表中常見的'代碼'。