Background Menu livelli 2 e 3 Lightbreeze Colori non cambiano.

[metalcrow]

Ciao ragazzi.. ho un piccolo problema con il topmenu del template lightbreeze...


In poche parole il menu è verde e diventa poco più chiaro quando ci passo il mouse sopra. Fin qua tutto ok.


Quando si apre il secondo livello (come vedete dal codice che posto qua sotto) il menu diventa grigio ma sempre con il verdino chiaro del mouseover..


Quando apro il terzo livello non riesco per niente a cambiare i colori rispetto al livello due..


In poche parole ho bisogno di aiuto per modificare il codice e rendere i tre livelli indipendenti a livello di colore.. Qualche anima pia mi aiuta per favore?

Codice: [Seleziona]

/** Topmenu (added multi-level support v1.1) **/


#topmenu {
   float: left;
   width: 1000px;
   padding-left: 0px;
   font-family: 'verdana', sans-serif; font-weight: 400;
   font-size: 1.2em;
   color: #fff;
   background-color: #336600;
}


#topmenu ul {
   float: left;
   padding: 0;
   margin: 0;
   list-style: none;
   background-color: #fff;
}


#topmenu a {
   display: block;
   color: #fff;
   padding-top: 8px;
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 20px;
   text-decoration:none;
   background-color: #336600;
}


#topmenu a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #669966;
}


#topmenu li.active a {
   color: #fff;
   text-decoration: none;
   background-color: #696;
}


#topmenu li {
   float: left;
   padding-right: 0px;
}




/** Second-level lists **/


#topmenu li ul {
   position: absolute;
   font-family: verdana', sans-serif;
   font-weight: 400;
   font-size: 12px;
   width: 152px;
   left: -999em;
}


#topmenu li ul a {
   background-color: #666;
   width: 163px;
   padding-top: 9px;
   padding-bottom: 9px;   
}


#topmenu li.active ul a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #696;
}


#topmenu li.active ul a {
   text-decoration: none;
   background-color: #666;
}


/** Level third and above **/


#topmenu li ul ul {
   margin: -36px 0 0 196px;
   background-color: #fff;
}


#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
   left: -999em;
}


#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
   left: auto;
}











[size=78%]Grazie a tutti per le eventuali risposte..[/size]