wrap mit <li>s ohne Zeilenumbruch

Hallo zusammen

Ich habe ein Problem.. ich habe mit TS ein Menü erstellt. Doch nun möchte ich dass es nach einem Mouseover über einen Hauptmenüpunkt das Untermenü unterhalb angezeigt wird und auf einer linie... ich habe es nicht hinbekommen kann mit da jemand helfen bitte?!.. hier mein jetziges TS

 MENU = HMENU
 MENU {
   1 = TMENU
   1 {
      wrap = <ul class="list">|</ul>
      expAll = 1
      NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li>
              
      ACT < .NO
      ACT = 1
      ACT.ATagParams = class="active"
    }

    2 = TMENU
    2 {
      
      wrap = <ul onmouseover="show(this)" onmouseout="hide(this)">|</ul>
      NO.allWrap = <li>|-|</li>
    }
 }

Wichtig hier zu sehen wäre das generierte HTML und das darauf angewendete CSS.

Schau mal ob Du Dir hier html/css Code Inspiration holen kannst:
www.cssplay.co.uk/menus
Dann kannst Du auch den Output bzw. die fertige mit Typoscript generierte Navigation mit einer Vorlage vergleichen.