Firefox 3.5.3 水平菜单下拉答案

【问题标题】：Firefox 3.5.3 horizontal menu drop-offFirefox 3.5.3 水平菜单下拉
【发布时间】：2009-10-11 07:44:15
【问题描述】：

网址：www.htiops.com
CSS：www.htiops.com/css/htiOps.css

灰色水平导航栏中的最后两个链接在 FF 3.5.3 中垂直下降。在旧版本的 FF、IE7、O8、Saf3 中不会发生这种情况。

将#navBar ul li a 中的字体从 .8em 更改为 10px 可解决掉线问题，但这不是所需的菜单外观。

有什么想法吗？

【问题讨论】：

标签： css firefox menu firefox3.5

【解决方案1】：

问题是所有元素对于容器来说都太宽并且它们正在包裹。我最近在 Wordpress 中有完全相同的东西。我缩短了文本，效果很好。

有效的一件事 - 作为一个黑客 - 是：

#navBar ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
    float: left;
    font-weight: bold;
    display:block;
    width: 120%;          <-- from 100%
}

也许您可以调整宽度并使其全部适合，或者缩短一些单词。（我知道，这是一个 hack，我不喜欢它们，但它很快而且对我来说看起来不错 :)

【讨论】：

非常感谢！这个技巧奏效了。现在很好，但我仍然想知道为什么 ;-)
在网上搜索“float drop”——如果情况不完全一样，那就是同一个概念。东西太宽了，wrap 是简短的版本。