Creation de menu d'une page web

Bonjour à tous,

Je voudrais faire le menu d'une page web et je ne reussis pas à le faire.
En faite, au niveau de mon CSS, #menu reste en noir au lieu de devenir BLEU et .element_menu devient rouge.Je pense avoir peut etre omis qlq chose ou mal saisi. Je vous prie de bien vouloir m'aide merci.
Voici mes codes HTML du menu et les codes CSS:

codes HTML

<div id="menu">
<!-- Cadre englobant tous les sous-menus (en bleu marine sur le schéma) -->
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>


<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>


</div>


codes CSS

/* Le menu */
#menu

{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}

.element_menu
{
background-color: #626262;
background-image: url("./fond.jpg");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;


}


NOTONS: Je m'intie à partir du www.siteduzero.com en HTML/CSS et le chapitre Créons le design de votre site. Je suis vraiment bloqué.