Синие и фиолетовые ссылки по умолчанию, как удалить?

Это одна из ссылок в моей навигации:

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

У меня также есть следующее в моем css:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

Но ссылки по-прежнему отображается в ужасном синем/фиолетовом посещенном /hover html по умолчанию. Что я делаю неправильно?