[css] Problème de lien...

Salut ! Je suis en train de créer un site mais j'ai un petit problème de lien :s
Je voudrais que mon lien soit comme ceci "par défaut" : https://www.casimages.com/i/0805210819273375018.jpg.html
Et je voudrais que mon lien soit comme ceci quand le pointeur de la souris est dessus : https://www.casimages.com/i/0805210821403375060.jpg.html

Mon code HTML :

<div id="menuvertical">
<h3>Rubrique 1</h3>
<ul>
<li><a href="fichierA.html" class="textemenuvertical">Lien 1</a></li>
</ul>
</div>

Mon code CSS :

#menuvertical {
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
PADDING-BOTTOM: 15px;
MARGIN-LEFT: -1px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 185px;
BORDER-BOTTOM: #336699 1px solid;
BACKGROUND-COLOR: #f5f5f5
}
.textemenuvertical {
display:block;
font-weight:bold;
color: #333;
text-decoration:none;
padding:2px 5px 2px 10px;
background: #f2f2f2;
border-left:4px solid #CCC;
WIDTH: 50px;
min-height:10px
}
.textemenuvertical a:hover {
display:block;
font-weight:bold;
color: #333;
text-decoration:none;
padding:2px 5px 2px 10px;
background: #f2f2f2;
border-left:4px solid #9EC630;
WIDTH: 50px;
min-height:10px
}


Où sont mes erreurs ?
Merci d'avance !