Firefox渲染菜单图像不正确

Question

大家好-我想知道是否有人可以提供我所遇到的问题的任何见解，而我却无法解决。 最初是Chrome的问题，但自从修复后，现在是Firefox的问题。

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

在Firefox中的外观：

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

这是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在按钮和输入中放置了一些默认填充。 由于您的搜索元素需要一个特定的宽度，因此一小部分的填充会将其弄乱了。

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