css - テキスト付きの Fontawesome アイコンの垂直方向のセンタリング

Question

Fontawesome アイコンを垂直方向に中央揃えにしようとしています。これらのアイコンは、親要素内の中央に配置する必要があります。問題は、要素の上にカーソルを置いたときにのみ、Firefox (31) にいくつかのアーティファクトが表示されることです。

以下の jsfiddle リンクを参照してください: http://jsfiddle.net/8ap92j7z/1/

    <span class="big-icon">
    <a href="#">
        <span class="fa-stack fa-lg">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fa fa-sitemap fa-stack-1x fa-inverse"></i>
            <span class="text">Sitemap</span>
        </span>
    </a>
</span>

私は何を間違っていますか、どうすれば修正できますか?

Answer 1

試してください.big-icon a {text-decoration: none;}- jsFiddle の例