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的问题按钮和输入内的一些默认填充。由于你的搜索元素需要一个特定的宽度，所以这一小部分的填充会混淆它。

上面的一段代码删除了该填充。这是许多重置样式表中常见的'代码'。