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

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) 上，不确定其他人。