Html Firefox、IE9与Chrome、Opera中的水平CSS导航填充差异

我在CSS菜单上遇到了一个奇怪的问题。两者应用的填充方式有所不同 Firefox和IE9与Chrome和Opera浏览器。在两种浏览器上，菜单末尾的最后一个菜单项后剩余的空间不同。 请查看zip文件中的chrome.jpg和firefox.jpg，了解我的意思。 我还附上了源html文件

这是zip文件-

铬：

Firefox:

---

IE9/Firefox使用了与Chrome/Opera不同的技术来呈现文本

IE9/Firefox使用DirectWrite，因此文本的显示宽度非常大，在所有菜单项上加起来相差几个像素

请在此处阅读更多信息：

阅读以下内容，尤其是“暗示和间距差异”部分：

---

除了在每个菜单项上设置固定宽度（不要），您无法修复它。但是，您不需要修复它：浏览器之间的几个像素差异并不重要。请记住，您网站的用户只使用一个浏览器查看它。

这不是填充，而是不同浏览器中字体呈现方式的差异。是的，这几乎是不可能解决的，除非您将菜单项设置为固定宽度。：）

---

firefox版本看起来更大胆（看到了吗？！）。。。这些都是突破性的问题，处理起来并不有趣，但却很容易解释。

如果你将HTML、CSS等应用程序中，你会得到很好的响应。