Css 链接顶部附近的预悬停颜色

我的客户在这个网站上看到了一个奇怪的工件：悬停链接顶部显示了悬停前的颜色：（显然是在主页以外的页面上）

对他们来说，这就是它的样子：

他们在Google Chrome 55.0.2883.95版（64位）中看到了它，但我在Chrome 56中没有看到

我的CSS代码是：

.main-navigation li > a {
    display: block;
    padding: 8px 0 5px;
    font-family: tradeGothicCn18;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    transition: color .3s;
}
.main-navigation a:hover {
    color: #e31e2d;
}
.main-navigation li.current-menu-item > a {
    color: #e31e2d;
}
.home .main-navigation a {
   color: #ffffff;
}
.home .main-navigation a:hover {
    color: #e31e2d;
}

---

你们有没有经历过这样的事情？什么是一个好的解决方案？

Auth需要查看链接。@BenM只是好奇，说“嗨，超级极客们”有什么不对？@MichaelCoker本身并没有什么，但它通常很冗长，不需要回答这个问题。与以“谢谢你，我”等结尾相同。对不起@谢谢你的提醒！链接改成了一个更好的链接。我还在主页上看到了工件，FWIW（56.0.2924.87（64位））。这可能是字体呈现问题。