Bonjour. j'aimerais modifier mon menu déroulant pour que les sous-menus déroulantss'affichent à droite du menu principal, dont voici le code css:

.menuDeroulant1{width:100px; list-style-type:none; margin:0; padding:0; border: 0; }

-menuDeroulant1 li{ float: left; margin: 0px; padding: 0; border: 0;}

-menuDeroulant li:hover > .sousMenu1 { display: block; }

-menuderoulant1 .sousmenu1 { list-style-type: none; margin: 0; padding: 0; border: 0; }

-menuDeroulant1 .sousMenu1 { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; }

.menuDeroulant1 .sousMenu1 li { float: right; margin: 0; padding: 0; border: 0; }

menuDeroulant1 li { float: left; width: 120px; margin: 0; padding: 0; border: 0; font-size: 11px; }

.menuderoulant1{ width: 100px; list-style-type: none; margin: 0; padding: 0; bprder: 0; position: absolute; top: 100; z-index: 1000; }

.menuDeroulant1 li a:link,

#menuDeroulant1 li a:visited { display: block; height: 1%; color: #FFFFFF; background: #3B4E77; margin: 0; padding: 4px 8px; border-bottom: 1px solid "FFFFFF; text-decoration: none; }

.menuDeroulant li a:hover { background-color: #99CCFF; }

.menuderoulant1 li a:active { background-color: €FF3300; }

.menuderoulant .sousmenu li a:link, #menuderoulant1 .sousmenu1 li a:visited { display: block; color: #FFFFFF; margin: 0; border: 0; text-decoration: none; background-color:#CCCCCC; }

.menuderoulant1 .sousmenu1 li a:hover { background-image: none; background-color: #FF3300; }

Ma question est: ou faut-il faire le changement pour que les sous-menus déroulants s'affichent à droite du menu déroulant?

Pour voir ce qu'il se passe, c'est sur: http://www.test14.larecup.net

Merci et à bientôt.

Regarde ceci !!

J'ai regardé mais cela ne m'apporte pas la réponse que je voulais.

J'ai trouvé en partie ce qu'il fallait changer, mais les sous-menus se trouvent décalés, c'est-à-dire bien à droite, mais en dessous d'un cran par rapport au menu.Pourquoi? That is question.

Merci et à plus.