Problème html menu déroulant

J'ai essayé mais cela ne change rien le menu ne se déroule pas on ne voit toujours pas mes <li>

Merci C'est super sympa j'ai réalisé un menu déroulant avec du javascript mais j'ai encore un petit problème a résoudre il ne fonctionne pas correctement sous firefox
Mon menu est visible sur http://www.gs-computer.com et je te donne ma source au cas ou tu saurais ou est l'erreur:



<td>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="<? echo $racine ?>index.php?mod=presentation&lang=<?echo $langue ?>" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');"><a href="" >Nos Produits</a></dt>
<dd id="smenu1"onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="<? echo $racine ?>index.php?mod=accueil1&lang=<?echo $langue ?>">GS-MultiDisplay</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a href="" >Le site</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="<? echo $racine ?>index.php?mod=contacts&lang=<?echo $langue ?>">Contact</a></li>
<li><a href="<? echo $racine ?>forum">Forum</a></li>
<li><a href="<? echo $racine ?>index.php?mod=lien1&lang=<?echo $langue ?>">Liens</a></li>
<li><a href="<? echo $racine ?>index.php?mod=acces&lang=<?echo $langue ?>">Accès</a></li>
<li><a href="<? echo $racine ?>index.php?mod=index_fiche&lang=<?echo $langue ?>">Fiches</a></li>
</ul>
</dd>
</dl>
</div>
<style type="text/css" media="screen">

dl, dt, dd, ul, li {
color: #2072a1;
margin: 0;
padding: 0;
font-size: 12px;
list-style-type: none;
}



#menu dl {
font-weight: bold;
float: left;
width: 10em;
}
#menu dt {
color: #2072a1;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #fffff;
margin: 0px;
}
#menu dd {
position: absolute;
display: none;
border: 1px solid #2072a1;
background: #2072a1;
}
#menu li {
font-size: 12px;
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #2072a1;
font-size: 12px;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover, #menu li a:focus, #menu dt a:focus,{
background: #2072a1;
color: #fff;
font-size: 12px;
}

</style>
</td>

Jérémy1664

Ouaip je te remercie je vais encore un peu chercher avant de crée un code pour chaque navigateur comme ils proposent sur ton lien il me reste plus qu'a regler le problème du hover (changement de couleur)si je le trouve je le publie