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

Question

这是我的 website 的链接.
在 Chrome、Opera、Firefox 甚至是可怕的 IE 中，它都能正常显示，这是我想要的方式。然而，在 Safari 中，菜单显示的位置比应有的位置低 11 像素。

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

Answer 1

删除 display:inline-block;(Safari:第 707 行)

试试这个:

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

代替:

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