Changement de couleur d'arrière-plan d'un bloc lien sur planant

Je suis entrain de créer quelques liens sur ma page web et je voulais avoir un effet, comme un changement dans l'arrière-plan ou la taille du texte apparente à grandir, à chaque fois que j'ai passez la souris sur ces liens. Les liens sont affichés comme blocks.


partie html

<div>
   <a class="leftimagelinks" href="#">Submit a paper</a><br>
   <a class="leftimagelinks" href="#">Get the brochure</a><br>
   <a class="leftimagelinks" href="#">Housing and travel</a>
</div>

css partie

.leftimagelinks {
margin: auto;
display: block;
width: 190px;
height: 25px;
border-radius: 8px;
text-align: center;
padding: 4px;
color: yellow;
background-color: black;
background-color: #32CD32;
}

.leftimagelinks a:hover{
background-color: red;
}

Mais même après le ci-dessus chaque fois que j'ai passez la souris sur les liens, rien ne change. Quel est ici l'erreur ?

OriginalL'auteur OneMoreError | 2012-11-22