Aide pour menu déroulant

Bonjour,

J'ai créé un menu déroulant pour mon site don voici le code html:

<ul id="menuDeroulant">
<li>
<a href="#">Animaux</a>
<ul class="sousMenu">
<li><a href="#">Oiseaux</a></li>
<li><a href="#">Felins</a></li>
<li><a href="Cerfs.html">Cerfs</a></li>
<li><a href="#">Cheveaux</a></li>
</ul>
</li>
<li>
<br/>
<br/>
<a href="#">Insectes</a>
<ul class="sousMenu">
<li><a href="#">Papillons</a></li>
<li><a href="#">Coccinelles</a></li>
<li><a href="#">Papillons</a></li>
<li><a href="#">Divers</a></li>
</ul>
</li>
<li>
<br/>
<br/>
<a href="#">Voyages</a>
<ul class="sousMenu">
<li><a href="#">Paris</a></li>
<li><a href="#">Florence</a></li>
<li><a href="#">Venise</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</li>
</ul>



Voici le CSS:

#menuDeroulant
{
background: ;
width: 644px;
height: 21px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: relative;
top: 100px;
left: -150px;
}
#menuDeroulant li
{
float: ;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #fbff7c;
background: ;
margin: 0;
padding: 4px 8px;
border-right: ;
text-decoration: none;
font-family: "Comic Sans MS", Georgia, Serif, "Sans Serif";
font-size: 120%;
width: 100px;
}
#menuDeroulant li a:hover { background-color:; }
#menuDeroulant li a:active { background-color:; }

#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
display: block;
color: #5ba3b7;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image:;
background: transparent url("images/fondTR2.png") repeat;
color: white;
}
#menuDeroulant li:hover > .sousMenu { display: block; }



Enfait, j'aimerai créé des sous-sous-menu deroulant qui s'ouvrirait à droite des sous menus :)

Jespere avoir été assez clair, merci d'avance !