在Firefox上面的文字上方显示链接下划线？

Question

在我的网站上，http://forums.jordantrudgett.com/我的下拉菜单中的链接出现故障。我正在使用Dynamic Drive jQuerySlideMenu中的代码。

在Firefox 19中，下划线显示在文本上方。

这就是它应该在Chrome 27中出现的方式：

并在Internet Explorer 10中：

我已经检查过Firebug中的元素，但我不确定是什么导致了这个问题。我没看到下划线的CSS。

经过一些快速搜索，我发现2012年在bugzilla中报告了this issue，这是我在上面文本中突出显示的唯一内容。它指出vertical-align可能是造成这种情况的原因。我更改了滑块CSS中的vertical-align，但没有区别（top，middle或bottom。）我想解决它。是否有任何明显的遗漏，或者有一些很好的理由发生这种情况？

Answer 1

从vertical-align: middle;中的.jqueryslidemenu .app第54行移除jqueryslidemenu.css，它将解决问题。

因此，在这种情况下使用firebug会很方便

Answer 2

您正确地将vertical-align确定为罪魁祸首。

悬停的项目由jqueryslidemenu.css中的这一行设置样式：

.jqueryslidemenu .app {
    height: 18px;
    vertical-align: middle;
}

当我在Firebug中删除vertical-align时，问题就会消失。因此，从该行中删除vertical-align。

如果您因任何原因无法编辑jqueryslidemenu.css，只需将以下内容添加到您自己的css文件中：

.jqueryslidemenu .app {
    vertical-align: inherit;
}