CSS définir un font pour un lien

Bonjour,

Voilà j'ai un ch'tit soucis : déjà j'ai fait quelque chose, je ne sais pas si c'est admit par W3C : j'ai mis une balise <div> contenu dans une balise <a>

voilà l'idée :
<a href="blablabla"><div id="trucmuche"> cliquez là pour le fun </div></a>

puis dans ma CSS :
a {
color : #fff;
background-color : #000;
}

a:hover {
color : #fff;
background-color : #333;
}

Donc déjà est ce que c'est autorisé et si oui pourquoi le font de ma balise div ne veut pas changer (le bloc a la couleur de la balise parente, peut importe que je survole avec ma souris ou quoi) ? à savoir que la balise div contenu dedans n'a pas de background-color associée dans ma CSS.

Si ce que je veux faire n'est pas possible de cette manière comment dois je faire ? (je n'ai pas envie d'utiliser une background-image)

L'idée je pense que vous l'aurez compris, c'est de changer la couleur du bloc lorsque je survole avec ma souris (et aussi lorsque je clique mais si je trouve comment faire l'un l'autre suivra :D)

Merci les gens !