Code css

Bonjour,
je suis en train de créer un site sous spip. j'ai mis en place un menu déroulant. lorsqu'il se déroule, le sous-menu apparaît en décalé, et il est impossible de choper le sous-menu... lorsqu'on déplace la souris vers lui, il disparaît... ce n'est pas très pratique, alors je l'ai fait se décaler... mais petit souci... pour que tous les sous-menus soient alignés avec le menu auxquels ils correspondent, ils n'ont pas tous la même distance à parcourir... vous me suivez, jusque là??
et donc, j'aimerais que jchaque sous-menu soit aligné avec le menu auquel il appartient...

peut-être qu'une photo sera plus parlante:

http://www.cijoint.fr/cjlink.php?file=cj200809/cijt1PfZFM.jpg

j'aimerais donc que le sous-menu "les activités du(...)" soit en-dessous du menu "activités", et aligné à gauche... et cela pour chacun... je disais donc que je l'ai déplacé, mais dans ce cas, les autres bougent aussi de la même distance, et par exemple, le sous-menu de "actualités" est trop à gauche, et celui de "al levraoueg" est trop à droite...
si quelqu'un peut me donner un petit coup de main...

je laisse aussi ma boucle du menu, je pense que ça pourrait servir:

<div id="navigation">
<B_menu>
<ul>
<BOUCLE_menu(RUBRIQUES){id_rubrique !== ^(1|18)$} {racine} {par num titre, titre}>
<li class="menu-principal">[<a href="#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a>]
<ul>
<B_sousMenuArticle>
<BOUCLE_sousMenuArticle(ARTICLES){id_rubrique}{par num titre, titre}>
<li><a href="#URL_ARTICLE">[(#TITRE|supprimer_numero|couper{20})]</a></li>
</BOUCLE_sousMenuArticle>
</B_sousMenuArticle>

</ul>
</li>

</BOUCLE_menu>

</ul>
</B_menu>

</div><!-- fin navigation -->

merci à tous!!!! :D

Configuration: Windows XP
Firefox 3.0.1