Mise en page menu CSS

Bonjour,

J'utilise pour le menu haut un modèle Alsacréations, et pour le sous-menu un modèle Listamatic (http://www.e-central.fr). Mais je souhaiterai changer le sous menu par ce modèle (http://css.maxdesign.com.au/listamatic/horizontal26.htm).

Donc j'ai créé une autre CSS avec le contenu du modèle donné, et j'ai transformé dans la partie HTML :

<ul id="menuhautlist">
<li onmouseover="javascript:montre();"><a href="?page=1" title="Retour à l'accueil" id="current">Accueil</a></li>
   <li onmouseover="montre('smenu2');"><a href="#">Boutiques</a></li>
       <li><ul id="smenu2">
        <li><a href="?page=2">Particuliers</a></li>
          <li><a href="?page=3">Professionnels</a></li>
          <li><a href="?page=4" title="Demandez un devis !">Devis</a></li>
      </ul></li>

Par :

<ul id="menuhautlist">
<li onmouseover="javascript:montre();"><a href="?page=1" title="Retour à l'accueil" id="current">Accueil</a></li>
   <li><a href="#">Boutiques</a></li>
       <div id="mh2">
       <li><ul id="mh2">
        <li><a href="?page=2">Particuliers</a></li>
          <li><a href="?page=3">Professionnels</a></li>
          <li><a href="?page=4" title="Demandez un devis !">Devis</a></li>
      </ul></li></div>

Et le résultat n'est pas superbe ! (http://www.e-central.fr/test3_index.php)

1) Où est l'erreur ?
2) Que doit-je ajouter pour que ce sous-menu s'affiche au milieu et non à gauche (sous Firefox et Opera)? Si je vire le float: s'est encore pire !
3) Quelle code HTML doit-je ajouter pour que le sous-menu ne s'affiche que si on clique sur le menu désiré ?

Merci d'avance.
Modifié par lordbdp (17 Oct 2005 - 14:46)