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

Question

以下是我website的链接。
在Chrome，Opera，Firefox甚至可怕的IE浏览器中，它的显示方式都很好，就像我想要的那样。然而，在Safari中，菜单比它应该的位置低11px。

我真的不知道我做错了什么，我该怎么解决这个问题？

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;
}