CSS悬停时的“剩余”颜色

Question

我以前从未见过这样的事情，所以甚至不确定如何说出这个问题。我正在使用标准的CSS：悬停效果来改变我页面上某些链接的颜色。但是，使用webkit时，只有底部95％的文本会改变颜色，顶部保持原始颜色。它发生在页面上的大多数链接上。 Firefox看起来不错，Chrome和Safari都有问题。

这是一个使用Foundation 5的Rails站点，但这不重要，我不认为。

有什么想法吗？

普通文字链接

悬停文字链接

- 编辑它只是bog标准CSS

a{color:#559ada;text-decoration:none;line-height:inherit}
a:hover,a:focus{color:#3285d2}