problema pulsanti navigazione

[mico86]

CIao a tutti..stò facendo da zero un mio template e ho scelto di fare una barra di navigazione che ho preso da css generator, molto carina. Mi funziona tutto tranne il fatto che il pulsante non resta "acceso" quando stò nella pagina..in pratica non si riesce a capire in quale pagina ci si trovi. L'effetto hover funziona, cioè quando ci passo sopra con il mouse.
Questo è il css della barra di navigazione:

#mainlevel-nav {
   background: #333;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
}

#mainlevel-nav li {
    background: #2580a2 url(../images/hover.gif) bottom   center no-repeat;
   float: left;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
#mainlevel-nav a {
   background: #333 url(../images/separator.gif) bottom right no-repeat;
   color: #FFFFFF;
   display: block;
   float: left;
   margin: 0;
   padding: 8px 12px;
   text-decoration: none;
}

#mainlevel-nav a:hover {
   background: #2580a2 url(../images/hover.gif) bottom center no-repeat;
   color: #fff;
   padding-bottom: 8px;
}

[tonicopi]

Prova a cambiare l'ultima regola così:

Codice: [Seleziona]

#mainlevel-nav a:hover, #mainlevel-nav li.active a {
   background: #2580a2 url(../images/hover.gif) bottom center no-repeat;
   color: #fff;
   padding-bottom: 8px;
}

[mico86]

Grazie toni, purtroppo non ho risolto..  mi funziona sempre e solo l'effetto hover.

[eddydesigner]

ciao,

prova così
#mainlevel-nav a:hover, #active-nav {
   background: #2580a2 url(../images/hover.gif) bottom center no-repeat;
   color: #fff;
   padding-bottom: 8px;
}