Menu déroulant dynamique et compatilité des navigateurs

Bonsoir à toutes et à tous!!!

Comme le titre l'indique, j'ai un petit soucis avec un menu déroulant dynamique, plus exactement un problème de compatilité. En local, le menu fonctionne correctement, mais sur le serveur avec Internet explorer plus rien ne se déroule, ni avec certaines versions de Mozilla...
J'espère trouver une bonne âme qui puisse venir à mon secours!

En vous remerciant!!

Salut et bienvenue...

Euh... si on a rien à se mettre sous la dent (code, screenshot, site...) on pourra pas trop t'aider...

<style type="text/css">

ul, li {list-style-type: none; margin:0; padding:0;}

.l1 li {float: left;}

.l1 a {width: 140px; margin: 0 5px 0 0; color: #000; ; border: none; padding: 2px 0; display: block; text-align: center; text-decoration: none;}

.l1 a:hover {font-weight: bold;}

.l2 {width: 140px; margin: -1px 0 0 0; border: 1px solid none; background: #fff; display: none; position: absolute;}

.l2 li {float: none;}

.l2 a {border: none; margin: 0 0 0 0px; background: #fff;}

body > ul.l1 ul.l2 a {margin:0;}

.l2 a:hover {background: #ffcc99; font-weight: normal;}

ul.l1 li:hover ul.l2 {display: block;}

#corps {border: 1px dashed #f00; clear: both; height: 500px;}

-->



<!--[if lt IE 7]>

<script type="text/javascript">

window.onload=montre;

function montre(id) {

  for(var i = 1; i<=20; i++){

    if (document.getElementById('sm'+i)) {document.getElementById('sm'+i).style.display='none';}

  }

  document.getElementById('sm'+id).style.display='block';

}

</script>

<! endif .style3 {     font-family: Geneva, Arial, Helvetica, sans-serif;
     color: #B02114;
     font-weight: bold;
}
.style2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-weight: bold;
}
-->


</style>

<tr>
<td valign="top" width="127" height="118"><img src="images/1_p10.jpg" style="margin-left:11px" alt="" border="0"><br>   <td valign="top" width="177" height="118" class="block1">
<ul class="l1">
<li><a href="#"  onmouseover="montre(1)">Annuaire-répertoire des éleveurs de chiens </a>
<ul class="l2" id="sm1">
<li><a href="elchiens/belgique/repannuairebelg.html">Belgique</a></li>
<li><a href="elchiens/canada/repannuairecanada.html">Canada</a></li>
<li><a href="elchiens/france/repannuairefrance.html">France</a></li>
<li><a href="elchiens/suisse/repannuairesuisse.html">Suisse</a></li>
</ul>
</li></ul></td></tr>

<tr><td valign="top" width="127" height="117">
<img src="images/1_p10.jpg" style="margin-left:11px" alt="" border="0"><br></td>
<td valign="top" width="177" height="117" class="block1"><ul class="l1">  <li><a href="#" onMouseOver="montre(2)">Annuaire-répertoire des éleveurs de chats </a></b>   <ul class="l2" id="sm2">                                                                               <li><a href="#">Belgique</a></li>
<li><a href="#">Canada</a></li>
<li><a href="#">France</a></li>
<li><a href="#">Suisse</a></li>
</ul></ul></td>
</tr>

Voilà

Je précise, je ne suis pas la créatrice de ce code, je l'ai copié puis adapté. Et étant une débutante... soyez indulgents face à mes erreurs...
Merci!
Modifié par Blublu (09 Jan 2007 - 16:14)

Personne n'a d'idée..?
Modifié par Blublu (09 Jan 2007 - 22:02)

Je ne sais pas si c'est des erreurs de copier-coller mais tu ne fermes pas ta balise script et ta balise style fermante est au mauvais endroit ...