Salve a tutti,
premetto che non sono espertissimo si CSS.
Sto scrivendo delle pagine web il cui layout è gestito in CSS. Nella fattispecie sto creando un menù che a seconda di dove si posiziona il mouse colora il bottone in questione.
All'inizio funziona nel momento in cui clicco su un dato bottone quel link mi diventa di colore diverso e fin qui tutto ok. Se dopo clicco su un altro link il bottone cliccato precedentemente non torna al colore originale ma resta colorato come se fosse cliccato.
Il codice html e css è il seguente:
CODICE HTML
<ul class="menu1">
[*]Link1
[*]Link2[/list]

CODICE CSS
ul.menu1 {
width:180px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu1 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si
capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono
avere il medesimo valore */
border-width: 1px,1px,1px,1px;
border-style: solid;
border-color: #CCCCCC,#CCCCCC,#CCCCCC,#CCCCCC;
}

ul.menu1 li {
display:inline /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
}

ul.menu1 li a:link, {
/* background:#33CC00;*/
background-color:#FFFFFF;
border-color: #CCCCCC;
color: #009;
} /* colori per il link da visitare*/

ul.menu1 li a:visited {
/* background:#33CC00;*/
background:#FFFFFF;
border-color: #CCCCCC;
color: #009;
} /* colori per il link visitato*/

ul.menu1 li a:hover, {
background: #009900;
color: #FFFFFF;
} /* colori per l'effetto roll-over quando il mouse si
posiziona sopra il link desiderato */

ul.menu1 li a:active {
background: #FFFFFF;
color: #FFFFFF;
} /* colori per l'effetto roll-over */

Come posso risolvere il problema?
Grazie in anticipo