Ajouter un menu déroulant à on menu existant

Bonjour à tous,

J'aurais besoin d'un conseil. Pouvez-vous me dire comment je dois faire pour ajouter à mon menu existant simple et vertical un sous menu qui apparaitrait à sa droite avec un clic ou passage de la souris sur l'onglet correspondant. Dois-je utiliser des calques? J'aimerais ne rien changer à ma mise en page ni à mon menu existant.
Merci de vos conseil, ça me sera utile.

Ah oui je vous mets le css du menu vertical que j'ai fait.

/* menu vertical */

.menuV {overflow: hidden; clear: both; float: left; width: 160px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.menuV ul {width: 160px; margin: 0px 0px 10px; padding: 0px; border-bottom: 1px solid #CCCCCC; background-color: rgb(219,230,241);}	
.menuV li {list-style: none; margin: 0px; padding: 0px;}
.menuV li.titre {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.menuV li.liste a {display: block; height: auto; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: #333333; font-weight: normal; font-size: 120%;}
.menuV li a {display: block; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: #333333; text-decoration: none; font-size: 120%;}
.menuV li a:hover, .menuV li a.selected { border-left: solid 7px rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}

Bonjour erge,

Je pense que ce tuto va te donner la réponse

A+