按钮底部的颜色条在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元素上设置底部边框样式。因为否则底部边框不会像firefox中的li那样宽。

Answer 2

删除此属性

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