Firefox渲染菜单图像不正确

Question

大家好 - 我想知道是否有人能对我遇到的问题提供任何见解，我无法理解。最初这是Chrome的一个问题，但自从修复了它现在使用Firefox。

查看以下左侧菜单图像。当它在Firefox中呈现时，由于某种原因，“go”按钮在下面徘徊。这在其他浏览器中不会发生。

它在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在按钮和输入中放置了一些默认填充。由于你的搜索元素需要一个特定的宽度，所以这一小块填充会使它变得混乱。

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