Css 我的菜单中使用的填充在Firefox和Chrome之间关闭了1px，我如何修复这个问题？

我一直在堆栈溢出中搜索以找到答案，但没有任何帮助（或者我添加了错误的内容）

我在一个网站上为一个客户端设置了一个水平菜单，并试图将菜单项放在菜单栏的中心位置，但是，firefox和chrome之间的左右边距为1px，这使得行中的最后一个菜单项仅在firefox中与右边缘对接。将firebug中的左右边距在菜单中的li标记上按1px删除，使其看起来就像在Chrome中使用我的原始CSS一样

问题代码似乎在li标签上

这是一个带有菜单代码的JSFIDLE（无背景图像，但问题仍然很明显）

这是我一直在研究的原始站点，供参考：

---

我错过了什么？我已经在使用CSS重置。谢谢。

您可以尝试使用CSS黑客只选择Firefox：

@-moz-document url-prefix() { 
  .ul.topNav li {
     padding: 16px 11px;
  }
}

---

看起来Chrome和FF呈现的字体间距/宽度略有不同，导致FFI中的偏移量。如果可能的话，我希望避免黑客攻击，但如果需要，我会这样做。谢谢你的密码，我不知道那个。