Firefox下的按钮底部的颜色条显示不正确

Question

我的导航按钮底部的颜色条在Firefox中显示不正确。它在Mac的Chrome，苹果Safari浏览器，电脑中的IE 10将显示巨大的，不支持Mac的Firefox（第19.0.2）

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

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

有没有人能帮助我吗？非常感谢您的帮助！

Trevor

Answer 1

这是因为锚标记上的填充。删除填充，它应该正确显示。但我建议你在周围的li元素上设置底部边框样式。因为在其他情况下，下边框的宽度不会像firefox中的li宽。

Answer 2

删除此属性

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