Menu verticale varainte problème position : absolute

Bonjour !
Alors voila j'ai installé le menu sur http://kingsdelanews.free.fr
voici le code css

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float: left; 
width: 170px;

}

#menu dt {
cursor: pointer;
background: #f3a05f;
height: 25px;
line-height: 25px;
margin: 0px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;


}

#menu dd {
position: absolute;
z-index: 100;
left: 340px;
margin-top: -27px;
width: 170px;
background: #ffbd89;
border: 1px solid gray;
}

#menu ul {
padding: 0px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 23px;
line-height: 23px;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
}

#menu li a:hover, #menu dt:hover {
background: #B3B3B3;
}

Le problème c'est que selon le paramètre d'affichage de l'écran 1024/8... ou bien 1400/1050 et bien les sous menus (dd) s'ouvrent plus ou moins loin du menu (dt). J'aimerais bien savoir si il y a un moyen de régler ce problème merci d'avance

bjr, je pense que ça vient de ton css ton problème.

#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}

une div avec ton menu il faut en créer une supplémentaire pour ta mise en page

css 

.navigation { float: left;
                  width: ...px;
                }

ds html

<div class="navigation">
      <div id="menu">
           .
           .
       </div>
</div>

je ne suis pas un pro non plus.
Modifié par flattazor (24 Nov 2007 - 10:58)