Menu déroulant

Bonjour,

j'ai actuellement un menu déroulant sur mon site web. Le code fonctionne sur tout les navigateurs donc jusque là tout va bien mais j'aimerai mettre un menu déroulant sur la droite dans le menu déroulant. Comment faire?

Exemple:

Accueil artistes
-bonjour -Chanteur(se) - Madonna
- au revoir - Psy
- .....

Voici mon code de base:
Dans le head:
<script type="text/javascript">
function MenuOver(elt)
{
elt.childNodes[1].className='menuB MOn page_encours';
}
function MenuOver (elt)
{
elt.childNodes[1].className='menuC Ma page_en_cours';
}
</script>

Dans le body:

<li><div onmouseover="MenuOver(this)" onmouseout="MenuOut(this)" class="encadre_menu"><div><a href="artistes.html"><img src="images/artiste.jpg" alt="Artistes" title="Liste des artistes"/></a></div><div class="menuB MOff">
<a href="chanteuse">chanteuse</a>
<div class="menuC MOff">
<a href="Agathe,chanteuse">Agathe, chanteuse</a>
</div> </li>

Et dans le css:
.MOff {
display: none;
}

.MOn {
display: inline;
}

.menuB {
position: absolute;
top: auto;
left: auto;
width: auto;
height: auto;
z-index: 10;
border: 1px solid black;
}

.menuB a {
display: block;
}





Merci de votre aide.