Firefox 3.6和Firefox 4之间的水平导航CSS差异

在FF4中，“联系我们”链接出现在www.avaline.com页面顶部水平导航中我的“主页”链接下（以及该域下的所有页面上）。在FF 3.6中，它看起来很好，适合900px宽的ul元件

为了让它更好地跨浏览器工作，我缺少了什么

<ul id="nav2">
      <li><a href="/" title="promotional products home">home</a></li>
      <li><a href="/Information/Product-Testing-Library" title="product safety">product safety</a></li>
      <li><a href="/Current_Specials?loc=top" title="current promotional product specials">current specials</a></li>
      <li><a href="/Marketing-Tools/2011-Digital-Catalog-and-Request-Form" title="digital and request catalog">request catalog</a></li>
      <li><a href="/Marketing-Tools?loc=top" title="marketing tools">marketing tools</a></li>
      <li><a href="/Information/About-Us" title="about us and our promotional products">about us</a></li>
      <li><a href="/Contact-Us" title="Contact us about our promotional products">contact us</a></li>
    </ul>


#header_top ul#nav2 {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 79px; /* was 80px ll */
    width: 900px; /* was 776 ll */
    left: 7px; /* was 64px */
    font-family: Arial, Helvetica, sans-serif;
}
#header_top ul#nav2 li {
    float: left;
    font-weight: bold;
    padding: 0 23px;
    font-size: 11px;
    list-style:none;
}
#header_top ul#nav2 li a {
    color: #fff;
    text-transform: uppercase;
}
#nav3 a, #nav3 a a:link, #nav3 a a:visited, #nav2 li a, #nav2 a a:link, #nav2 li a a:visited, #nav1 li a, #nav1 a a:link, #nav1 li a a:visited {text-decoration: none;} 

#nav3 a:hover, #nav3 a:active, #nav2 li a:hover, #nav2 li a:active, #nav1 li a:hover, #nav1 li a:active {text-decoration:underline;} /* ll */

#收割台顶部ul导航2{
保证金：0；
填充：0；
列表样式：无；
位置：绝对位置；
顶部：79px；/*为80px ll*/
宽度：900px；/*为776 ll*/
左：7px；/*为64px*/
字体系列：Arial、Helvetica、无衬线字体；
}
#收割台顶部ul#导航2 li{
浮动：左；
字体大小：粗体；
填充：0 23px；
字体大小：11px；
列表样式：无；
}
#收割台顶部ul#导航2 li a{
颜色：#fff；
文本转换：大写；
}
#nav3 a，#nav3 a:链接，#nav3 a:访问，#nav2 li a，#nav2 a:链接，#nav2 li a:访问，#nav1 li a，#nav1 a:链接，#nav1 li a:访问{文本装饰：无；}
#导航3 a:悬停，#导航3 a:活动，#导航2 li a:悬停，#导航2 li a:活动，#导航1 li a:悬停，#导航1 li a:活动{文本装饰：下划线；}/*ll*/

在Windows7 x64 Home Premium上运行的Firefox（V4.0.1）上，它看起来很好

然而，我可以在IE9中重现您的“bug”，不过这很容易通过将li元素的填充改为21px（而不是23px）来修复

---

jsFiddle:

我们可以看到HTML的其余部分（header\u top和任何其他容器）吗？您可以在avaline.com上看到，但是那些包含元素的内容实际上不会影响导航元素的宽度。