ja gerne, ich bin ja froh wenn ich nur umständlich denke und mir jemande eine bessere lösung anbietet 
folgende definitonen verwende ich:
Code:
#kp_header_menu_li_1 { margin-right: 63px; }
#kp_header_menu_li_2 { margin-right: 160px; }
#kp_header_menu_li_4 { margin-left: 125px; margin-top: 5px; }
#kp_header_menu_li_5 { margin-left: 75px; margin-top: 5px; }
#kp_header_menu_li_6 { margin-left: 70px; margin-top: 5px; }
das heißt, die einzelnen hauptmenüeinträge sind unterschiedlich weit voneinander entfernt (liegen auf einem hintergrundbild vom kunden), und es gibt 2 zeilen.
contao bietet mir das hier an:
Code:
<ul class="level_1">
<li class="sibling first">
<li class="sibling">
<li class="sibling">
<li class="active submenu">
<span class="active submenu"> Leistungen </span>
<ul class="level_2">
</li>
<li class="submenu sibling">
<li class="submenu sibling last">
</ul>
die einzige möglichkeit die mir einfällt, die siblings miteinander in die entsprechende position zu bringen ist, mit javascript durchzuloopen.
die level_2 uls möchte ich (ebenfalls mit javascript) verstecken und beim entsprechenden mouseover anzeigen..
was meinst du dazu, ist das ein guter ansatz, oder gibts was logischeres? 
danke für deine mühe!