html - Safari 和 Firefox 中的填充更改

Question

我有这个导航，它在 Chrome 中看起来很棒！唯一的问题是，在 Safari 和 Firefox 中，填充的呈现方式不同，并且导航项在标题之外可见。这个问题可以解决，overflow:hidden;但由于绿色徽标，我无法添加。有什么建议么？我认为使用宽度和高度执行此方法可以解决此问题，但我无法更改 lis 的宽度和/或高度。

JS 小提琴 :: http://jsfiddle.net/MatthewKosloski/2MX94/

Answer 1

我像这样添加了 line-height: 1.2 ：

nav li a {
color: #fff;
padding: 50px 85px;
line-height: 1.2;
} 

这似乎适用于 chrome 和 safari