Vert. Menü: y-Abstand bei Ebene 2

Hallo,

ich bin noch relativ neu was Typo3 angeht und verzweifel im Moment daran ein folgendes Menü zu erstellen:

Das Menü soll vertikal 2-spaltig dargestellt werden. Falls es für die 1. Ebene Untermenüs gibt, sollen diese in der 2. Spalte auf Höhe des aktiven Eintrags der 1. Ebene angezeigt werden.

Kleine Veranschaulichung, P2 ist ausgewählt:

P1
P2 P2.1
P3 P2.2
P4 P2.3

Ich bin nun soweit gekommen, dass zwar beide Ebenen angezeigt werden, die 2. Ebene jedoch immer ganz oben und nicht auf Höhe der 1. Ebene beginnt.

Sieht also so aus:
P1 P2.1
P2 P2.2
P3 P2.3
P4

Kann mir bitte jemand weiterhelfen wie ich da den Abstand hinbekomme? Hab schon stundenlang gesucht, aber nichts gefunden 🙁

Anbei noch mein bisheriger TypoScript:

# Left Menu
lib.leftmenu = HMENU
lib.leftmenu.entryLevel = 0

# First level menu-object, textual
lib.leftmenu.1 = TMENU
lib.leftmenu.1 {
wrap = <div style="position:absolute; top:164px; left:0px;"> | </div>
NO.allWrap = <div class="untermenue_inactive"> | </div>
ACT = 1
ACT.allWrap = <div class="untermenue_active"> | </div>
}

# Second level menu-object, textual
lib.leftmenu.2 = TMENU
lib.leftmenu.2 {
wrap = <div style="position:absolute; top:0px; left:149px;"> | </div>
NO.allWrap = <div class="untermenue_inactive"> | </div>
ACT = 1
ACT.allWrap = <div class="untermenue_active"> | </div>
}

page.20.marks.leftmenu_l1 < lib.leftmenu

Danke!!

Wenn du deinem Untermenü eine separate Klasse zuweist, kannst du mit CSS den Abstand per Margin oder Padding einstellen!?

PS: Menüs werden mit Listen gemacht...

Das Problem hat rein gar nichts mit TYPO3 sondern nur mit CSS zu tun.

Wenn du einen DIV Layer erstellst mit folgenden Styles:

position: absolute; 
top: 0px; 
left: 149px;

Dann heißt das für mich, dass dieser vermutlich immer am oberen Seitenrand klebt!?