css - IE <= 9 伪元素在容器悬停时继承容器样式

Question

有关该问题的工作示例，请参阅此 jsfiddle。
Opera 12、chrome 和 firefox 都按预期工作，而 IE9 及以下版本则在伪元素下划线。

我已经尝试过以下方法：

a:hover *,
a:before,
a:hover:before {
    text-decoration: none;
}

但两个选择器都不起作用。

Answer 1

终于设法找到了一种（半体面的）处理 IE 的方法：

clip: rect(0px 300px 16px 0px);

这隐藏了下划线，同时保留了其他所有内容 - 还更新了jsfiddle