Html Firefox渲染菜单图像不正确

大家好，我想知道是否有人能对我遇到的一个问题提供一些见解，这是我无法理解的。起初，这是Chrome的一个问题，但自从修复后，现在是Firefox的问题

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

它在Firefox中的外观：

是HTML和CSS

---

我正在使用Firefox 14.0.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在按钮和输入中添加了一些默认的填充。因为你的搜索元素需要一个特定的宽度，所以一点点的填充会把它弄糟

---

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

感谢您提供的代码-这确实有效，但现在问题出现在Internet Explorer 9中。