problème css avec :focus

Salut,
j'ai un petit souci avec la pseudo-classe :focus.
je n'arrive pas à la faire fonctionner sur les éléments d'une liste.
Je suis en train de faire un petit menu en css avec une liste et j'aimerai pouvoir changer la couleur de fond d'un élément sur lequel on a cliqué.
J'ai fait:

Code:

---

1 2 3 4 5 6 7

dt:focus{ background:yellow; } dt:hover{ background-color:#9795C7; }

---

mais rien ne se passe.
Aurais-je mal saisi quelque chose ? :D
Au fait je teste sous moz 1.7

essaie plutôt :
dt.focus {background-color:yellow;}
dt.focus:hover {background-color:#9795c7;}

ça devrait mieux fonctionner

merci pour ta réponse, mais ça ne fonctionne pas...

la solution est :

Code:

---

1 2	dt:focus {background-color:yellow;} dt:focus:hover {background-color:#9795c7;}

---

je pensais que tu avais créé une classe "focus"

Toujours pas...
est-ce que mozilla n'interprèterai pas :focus ?
(C'est la version linux...)

:focus, c'est pas :active ?

Tu ne peux normalement donner le focus qu'aux éléments dits "actifs" (commandes de formulaire, liens, boutons...). Ton code ne peut pas marcher. (idem pour :active).

Le :hover par contre devrait fonctionner sans problème.

Ok merci