CSS Problem mit der 2. Ebene im TMENU

Hallo,

Ich habe das TS für das TMENU hier aus dem Forum verwendet.
Leider schaffe ich es nicht den ACT Zustand der 2. Ebene hinzubekommen. Der Rollover funktioniert, nur der Button bleibt nicht aktiv.

Wo ist denn der Wurm drin?

hier mal mein TS

page.10.marks.MAIN_NAVIGATION = HMENU 
page.10.marks.MAIN_NAVIGATION.entryLevel = 0
page.10.marks.MAIN_NAVIGATION {
 
        1 = TMENU
        1 {
                expAll =0
                wrap = <ul id="nav1">|</ul>
                noBlur = 1
                NO = 1
                NO {
                        wrapItemAndSub = <li>|</li>
                        stdWrap.htmlSpecialChars = 1
                        ATagTitle.field = title
                }
                ACT <.NO
                ACT {
                        wrapItemAndSub = <li id="nav1act">|</li>
                }
        }
       
        2 < .1
        2 {
                wrap = <ul id="nav2">|</ul>
                ACT.wrapItemAndSub = <li id="nav2act">|</li>
        }
       
        3 < .2
        3 {
                wrap = <ul id="nav3">|</ul>
                ACT.wrapItemAndSub = <li id="nav3act">|</li>
        }
}

und mein CSS

/********************************/
/* Navigation Style             */
/********************************/

/* Ausrichtung*/
#navi ul{
margin: 0px;
padding: 0;
width: 167px;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navi ul li {
margin: 0;
padding: 0;
list-style-type:none;
border-bottom: 1px solid #2fa24a;
font-size:12px; color:#0000cc; font-weight:normal; text-decoration:none; font-family: arial, helvetica,verdana;
background-color: #c2ddbe;
}


#navi ul li a {
display: block;
padding: 4px 5px 4px 25px;
text-decoration: none;
}

#navi ul li a:hover {
background: url(pictures/level1_act.gif) no-repeat;
background-color: #a1d0a3;
}

#navi ul li#nav1act{
background: url(pictures/level1_act.gif) no-repeat;
background-color: #a1d0a3;
}



/* style the second level */
#navi ul li li {
margin: 0;
padding: 0;
list-style-type:none;
border-bottom: 1px solid red;
font-size:12px; color:#0000cc; font-weight:normal; text-decoration:none; font-family: arial, helvetica,verdana;
}

#navi ul li li a {
display: block;
padding: 4px 5px 4px 35px;
background-color: #e4e1b2;
text-decoration: none;
}


#navi ul li li a:hover{
background: url(pictures/level2_act.gif) no-repeat;
background-color: #e3d78d;
}


#navi ul li ul li#nav2act {
background: url(pictures/level2_act.gif) no-repeat;
}

schon mal im CSS einfach:
#nav2act {
background: url(pictures/level2_act.gif) no-repeat;
}
versucht? Mit diesem #navi ul li ul li#nav2act wird man ja ganz wirr, im prinzip ist das völlig überflüssig, wenn du die ID #nav2act sowieso nur im Menü an dieser einen Stelle verwenden möchtest, ich würde da sogar vom ganzen "pfad" abraten, da es so keine probleme gibt, wenn du die HTML-Struktur änderst.
U. dann könntest du auch mal versuchen, einfach color: red zu setzen um auszuschließen, dass es z.B. daran liegt, dass das Bild nicht gefunden werden kann.

Hallo,

Also ich hab es geschafft ;o)

Zuerst hab ich mal
navi ul li ul li#nav2act in #navi ul li li#nav2act geändert.

Aber das Problem lag im Style für den A-Tag

#navi ul li li a {
display: block;
padding: 4px 5px 4px 35px;
background-color: #e4e1b2;
text-decoration: none;
}

Danke für die Unterstützung hier im Board :o)

nachdem ich hier den background-color rausgeworfen habe hat es funktioniert!