Rimuovere sottolineatura link con Chrome?

COme posso rimuovere la sottlineatura dei link con Chrome? Con mozilla non si visualizza, con chrome sì. I codici sono questi:

.button a:link {
text-decoration: none;
color: white;
}

.button a:visited {
text-decoration: none;
color: white;
}

.button a:hover {
text-decoration: none;
color: white;
}

e nell' html:

<a href="#"><div class="button">Test</div></a>

[acsocmel]

<div class="button"><a href="#">Test</a></div>

In quel modo porterà al link (anche se in questo caso è la stessa pagina) solo al click sulla parola, a me serve su tutta la div.

[karl94]

A giudicare dalle specifiche, sembra che Firefox abbia torto in questo caso, anche se le specifiche non sono del tutto chiare e addirittura i test ufficiali sono in contrasto tra loro.
Comunque c'è anche un errore nel selettore: tu stai identificando gli elementi a che sono collegamenti discendenti di un elemento avente classe button, nello spezzone di documento HTML da te riportato la situazione è contraria: l'elemento di classe button è figlio del collegamento.

mmm risolto grazie dell' aiuto