css - 按钮底部的颜色条在 Firefox 中无法正确显示

Question

我的导航按钮底部的颜色栏在 Firefox 中显示不正确。它在 Mac Chrome、Mac Safari、PC IE 10 中显示效果很好。但不是 Mac Firefox (v. 19.0.2)

http://jsfiddle.net/trevoray/CEXts/

 #navMenu ul, #navMenu {
list-style-type: none;
margin: 0;
padding: 0;
 }

有人可以帮助我吗？非常感谢您的帮助！

特雷弗

Answer 1

这是因为锚标签上的填充。删除填充，它应该正确显示。但我建议你在周围的 li 元素上设置底部边框样式。因为否则底部边框不会像火狐中的 li 那样宽。

Answer 2

移除此属性

.nav > li > a { height:100% ; ... }