Mise en page d'un lien hypertexte

Bonjour à tous!

Cette année, j'ai eu quelques cours de HTML, PHP,CSS... bref une initiation à la programmation.
Je dois réaliser un petit site pour montrer que je peux mettre en pratique ce que j'ai appris.

Or j'ai un problème que je n'arrive pas à résoudre:
Pour mon menu, j'ai crée des liens internes pour permettre à l'internaute de naviguer d'une page à l'autre.

Extrait du code:

<div id="menu">
<div class="element_menu"><a href="Accueil.html">Accueil</a>
</div>
<div class="element_menu"><a href="Informations.html">Informations</a>
</div>
<div class="element_menu"><a href="Photos.html">Photos</a>
</div>
<div class="element_menu"><a href="Contacts.html">Contacts</a>
</div>
<div class="element_menu2"><a href="Reservations.html">Réservations</a>
</div>
</div>



J'ai fait une feuille de style css et je voudrais que mes liens hyper-texte apparaissent en noir, non soulignés.

J'ai donc mis:

.element_menu
{
font-family:Verdana;
font-size:150%;
color:black;
text-decoration:none;
text-align:center;
border-width:1px;
border-style:solid;
border-color:green;
background-color:green;
margin-bottom: 20px;
}
.element_menu2
{
font-family:Verdana;
font-size:150%;
color:black;
text-decoration:none;
text-align:center;
border-width:1px;
border-style:solid;
border-color:blue;
background-color:blue;
margin-bottom: 20px;
}




Mais mon texte reste obstinément en bleu souligné.

Est ce que quelqu'un sait où j'ai commis une erreur?

Merci de votre aide!