仅限 Safari - 菜单出现在错误的位置

Question

这是我的website 的链接。
在 Chrome、Opera、Firefox 甚至可怕的 IE 中，它显示得很好，就像我想要的那样。然而，在 Safari 中，菜单显示的位置比应有的位置低 11 像素。

老实说，我不知道我做错了什么，我该如何解决这个问题？

Answer 1

删除display:inline-block;（Safari：line 707）

试试这个：

.main-navigation li a {
    text-align: left;
    color: #C9C9C9;  
}

代替：

.main-navigation li a {
    text-align: left;
    display:inline-block;
    color: #C9C9C9;
}