Вертикальное центрирование 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 Example

Answer 2

Добавить контейнер height так же, как line-height для вашего шрифта-удивительного это сделает вас значок середины.