Retirar borda sublinhada de um link

Olá pessoal, estava desenvolvendo um menu e quando fui testa percebi que no momento em que clico em um dos links,envolta dele surge uma borda pontilhada bem fina

O código css que utilizei foi o seguinte

li a{ position: relative; top: 4px; padding:0px 0px 0px 55px; font-size: 100%; font-weight: bold; border-bottom: none; text-decoration: none; color:#5E5E5E;}a:visited { border-bottom: none; } a:active { border-bottom: none;}a:hover{ color:#000000; border-bottom: none;}fiz questão de configurar todos os estados do botão sem borda.

Mas mesmo assim a borta descrita acima não desaparece.

OBs o link esta sobre uma imagem de fundo definida em uma lista(não sei se esta informação vem a ser importante).