problemi con :hover

[DaveG]

salve a tutti!

ho scritto un foglio di stile che contiene anche questa classe:

.internal_mini_menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;

}

.internal_mini_menu a:link {
color:#999999;
text-decoration:none;
}

.internal_mini_menu a:hover {
color:#666666;
text-decoration:underline;

}

.internal_mini_menu a:visited {
color:#999999;
text-decoration:none;
}

Il problema è che quando il link è in stato hover ogni tanto effettivamente viene sottolineato e il colore cambia, se invece si guarda in altri momenti il link rimane identico. Questo accade sia con Firefox che con Internet Explorer e, apparentemente, per nessuna ragione; cioè.. non c'è nulla di diverso a livello codice dal momento in cui funziona e dal momento in cui esso non funziona.
Il link ha sempre funzionato, mentre l'altro giorno rivisitandolo ho visto che l'effetto era sparito, mentre un mio amico lo vedeva correttamente, nello stesso momento, ma da un altro pc, mentre non lo vedeva in altri momenti in cui invece lo vedevo io..

Cosa succede? Ho scritto codice random? Spero che mi potrete aiutare.. non so dove ho sbagliato!!

Grazie
Ciao!

[Mich_]

Prova ad usare l'ordine corretto:
:link
:visited
:hover
:active

Quello che tu chiami "random", in realta` potrebbe essere se il link e` gia` stato visitato su quel paritcolare computer/browser. Infatti con il tuo codice lo stato :visited sovrascrive lo stato :hover .

[webus]

ti succede solo che la pseudo-classe visited "copre" quella hover.
La corretta sequenza di queste pseudo-classi è:
a:link
a:visited
a:hover
a:active

Nel tuo caso poi, visto che :link e :visited sono identiche, potresti impostare solo:

.internal_mini_menu a {
color:#999999;
text-decoration:none;
}

.internal_mini_menu a:hover {
color:#666666;
text-decoration:underline;
}

[DaveG]

Grazie 1.000 per le risposte!! non sapevo dell'ordine, ora starò attento

Grazie e ciao