zweite Ebene vom Menü

Hallo zusammen,

ich habe mit folgendem Code ein Menü erstellt:

tmp.HAUPT_NAVI = HMENU
tmp.HAUPT_NAVI {
  wrap = <div id="mainnavcontainer"> | </div>
  excludeUidList = 11
  1 = TMENU
  1 {
    noBlur = 1
    wrap = <ul> | </ul>
    NO = 1
    NO.wrapItemmAndSub = <li> | </li>
    ACT = 1
    ACT < .NO
    ACT.ATagParams = id=current
  }
  2 < .1
  3 < .1
}

Nun möchte ich das die zweite und dritte Ebene jeweils um 5px nach rechts eingerückt wird. Irgendwie gelingt mir das nicht. Kann mir bitte jemand helfen?
Danke schon mal

Gruß
Karl

CSS

#mainnavcontainer ul ul {padding-left:5px;}

georg

Danke, das ist jedenfalls schon mal ein Anfang. Problem dabei ist aber, das auch der Hintergund eingerückt wird. Die Idee war, das nur der Text eingerückt wird, damit man eine Trennung zwischen Über- und Untergeordnetem Menü sieht.
Kann ich das auch mit CSS lösen?

ja, arbeite doch sonst mit margin bzw wende das ganze auf das li an und schieb den background ins ul

georg