Décallage menu

Bonjour,

J'ai les éléments de mes menu qui se décale,
ca le fait pas tout le temps, mais assez souvent surtout quand on clic dans les menus

voila le site pour voir :

http://www.soma-creation.eu

voila le code correspondant au menu,

le css :

<style type="text/css" media="screen">
<!-- 
body {
margin: 0;
padding: 0;
background: white;
font: 12px verdana, arial, sans-serif;
color:#999999
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
 /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 192px;
}
#menu dt {
cursor: pointer;
margin: 0;
height: 15px;
line-height: 15px;
text-align: center;
font-weight: bold;
border: 0 none;
background: #E5E5E5;
}
#menu dd {
border: 0 none;
}
#menu li {
text-align: left;
background: #FFFFFF;

}
#menu li a, #menu dt a {
color: #A7A8AB;
text-decoration: none;
display: block;
border: 0 none;
line-height: 15px;
height: 15px;
margin-top: 2px;
margin-bottom: 2px;
font: 10px verdana, arial, sans-serif;
}

#menu li a:hover, #menu dt a:hover {
background: #A7A8AB;
color: #FFFFFF;
font-weight: bold;
}

-->
</style>

et dans la page pour le premier en haut a gauche par exemple :

<dl id="menu">

                    <dt>
                      <div align="left"><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr><td>FORMULES</td></tr></table></div>
                    </dt>
                    
                  <dd>
                            <ul>
                                <li><a href="index.php?page=classique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">CLASSIQUE</td>
                        </tr></table></a></li>
                                <li><a href="index.php?page=tonique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">TONIQUE</td>
                        </tr></table></a></li>
                                <li><a href="index.php?page=dynamique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">DYNAMIQUE</td>
                        </tr></table></a></li>
                        <li><a href="index.php?page=devis"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">DEVIS EN LIGNE</td>
                        </tr></table></a></li>
                            </ul>
                 </dd>
                        
                 <dt>
                    <div align="left"><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr><td>REALISATIONS</td></tr></table></div>
                 </dt>
            
                 <dd>
                            <ul>
                                <li><a href="index.php?page=exempleclassique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">FORMULE CLASSIQUE</td>
                        </tr></table></a></li>
                                <li><a href="index.php?page=exempletonique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">FORMULE TONIQUE</td>
                        </tr></table></a></li>
                                <li><a href="index.php?page=exempledynamique"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="60">&nbsp;</td>
                          <td width="130">FORMULE DYNAMIQUE</td>
                        </tr></table></a></li>
                            </ul>
                 </dd>	
          	</dl>

voila, merci de votre aide
si vous voyez ce qui peut faire clocher

personne n'a d'idée ?

Hello.

Pas de problème sous Firefox, quant à IE ( 5.5, 6 et 7 ) tes menus ne fonctionnent absolumment pas, en tout cas chez moi !

Désolé de ne pas pouvoir te venir en aide.

Pour rappel, c'est une aide bénévole que tu trouveras ici, pas un service à l'écoute et disponible 24/24

oui je me doute que c'est une aide bénévole

mon post était juste pour relancer et faire remonter le sujet

sinon en effet il y a un gros bug sous IE, mais je sais pas d'où ca vient
et sous FF des fois les menu se décale verticalement.

j'ai beau chercher je sais pas ce que j'ai mal fait

en fait j'ai tout reprogrammer en plus simple, et ca marche mieux, j'ai l'impression qu'il n'y a plus de bug

Le bug principal venait du fait que j'avais mis des tableaux dans les menus au lieu d'utiliser padding-left

voila