<a>タグの擬似要素にtext-decoration:none;が効かない

IEの仕様で

「<a>タグにつけた擬似要素（:before,:after）だけtext-decoration:none; をかけようとしても、効いてくれない」

という症状があります。

この際、対応策としては

<a href="#"><sapn>リンク</span></a>

という風に<span>で囲って、hoverアクション時のspanにtext-decoration:underline;を指定する方法があります。

この際<a>タグのcssにはtext-decoration:none;を指定するので、擬似要素にもそれが適応されます。