Programmation HTML

Bonjour,
Je cherche à effectuer un menu déroulant de ce style là:

http://www.noelshack.com/2013-10-1362663284-plan.png

avec ce code ci:

<ul class="niv1">
<li><a href="quisommenous.html"> Qui sommes-nous ? </a></li></ul>
<ul class="niv1">
<li> Nos prestations.
<ul class="niv2">
<li> Location motos
<ul class="niv3">
<li> Honda
<ul class="niv4">
<li> Deauville </li>
<li> VFR 800 </li>
<li> VFR 1200 </li>
<li> F6B </li>
<li> Pan-European </li>
<li> Goldwin </li>
</ul>
</li>
<li> Kawasaki
<ul class="niv4">
<li> Z1000 </li>
<li> ZZR 1400 </li>
<li> VN 1700 Voyager </li>
</ul>
<li/>
<li> Yamaha
<ul class="niv4">
<li> FJR 1300 </li>
<li> FZ1 Fazer </li>
<li> TDM 900 </li>
</ul>
</li>
</ul>
</li>
<li> Vente accessoires et equipements
<ul class="niv3">
<li> Accessoires moto </li>
<li> Equipement pilote </li>
</ul>
<li/>
</ul>
</li></ul>
<ul class="niv1">
<li>S'inscrire a une formation.</li>
</ul>


Le problème c'est que comme vous pouvez le constater sur l'image, j'ai des points en trop en dessous Kawasaki et vente accessoires etc..
Quelqu'un aurait-il la solution au problème?
Merci d'avance