Menu horizontale sans javascript

Bonjour,

Je un problème avec le deuxième sous-menu.

Lorsque j'ai un troisième menu. Il s'affiche sur l'autre menu

Comment avoir une belle flèche a cotée.

Avec tous les recherches que j'ai effectué, dois-je faire du javascript.. ?

Juste avec du css je ne peux pas?

<div id="MenuVert"> 
 <ul class="niv1"> 
       <!-- CSS #MenuVert --> 
  <li class="active "><a href="acceuil.html"><span>Acceuil</span></a></li> 
  <li><a href="Base/intro.html"><span>Introduction</span></a></li> 
 <li><a href="Base/union.html"><span>Unification</span></a></li> 
 <li class="subniv"><a href="Base/enseig.html"><span>Enseignement</span></a> 
 <ul class="niv2"> 
   <li class="subniv"> Sciences 
   <ul class="niv3">  
     <li> Biologie </li> 
     <li> Psychologie </li> 
    <li> Mathematique </li> 
    <li class="subniv"> Physique 
     <ul class="niv4"> 
    <li> Albert Einstein </li> 
     <li> Henrich Hertz </li> 
     </ul> 
    </li> 
  <li> Astronomie 
    <ul> 
      <li> Copernic </li> 
     <li> Gallilé </li> 
   </ul> 
  </li> 
  </ul>        
  </li> 
 <li> Politique 
   <ul> 
     <li>Régime Politique</li> 
    <li>Loi</li> 
   </ul> 
   </li> 
  </ul> 
 </li> 
<li><a href="Base/histoire.html"><span>Histoire</span></a></li> 
<li><a href="Base/telechargement.html"><span>Telechargements</span></a></li> 
<li><a href="Base/liensexterne.html"><span>Liens Externes</span></a></li> 
<li><a href="Base/contact.html"><span>Contact</span></a></li> 
<li><a href="index.html"><span>Index</span></a></li> 
</ul> 
</div>

comment puis-je faire?

j'ai des classes au niveau 4

Merci de m'aider



aKuNa MaTaTa