在悬停时选择带有文本阴影擦除条的突出显示的链接

Question

当我将鼠标悬停在突出显示的链接上时，它似乎会在选择中创建一种条形图。很奇怪。它比下划线更低，所以我认为它与此无关。

我已经过了“consectetur”和“sapein interdum ......”。即使鼠标离开后，酒吧也会留在那里。如果在一条线的一个末端上存在链接而另一条线在另一条末端上，则两者都会使条形连接并填充整条线。

有两件事情会让这个问题消失：

• 删除文字阴影
• 不更改悬停时的链接颜色

相关CSS：

#content {
    color: #444;
font-family: 'Armata', sans-serif;
text-shadow: 1px 1px 0 #fafafa;
    line-height: 50px; // make it way too big just to make sure you can see it
}

a { text-decoration: none; color: #069; }
a:hover { color: #08c; }

发生在Safari和Chrome（webkit）上，不确定其他人。