comment bloquer Hover

bonjour,

j'ai un <div> dont je change la coloration lorsque je passe le curseur dessus comme ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

#menu_connexion{ float:right; margin:0; padding:0.2em 1em; background-color:rgb(45,15,180); color:White; font-size:0.9em; font-weight:bold; border-left:1px solid white; border-top:2px solid rgb(45,15,180); border-bottom:2px solid rgb(45,15,180); }   #menu_connexion:hover{ background-color:rgb(230,235,255); color:rgb(225,95,0); border-left:2px solid rgb(45,15,180); font-weight:bold}

---

je voudrais que lorsque je clique sur mon <div> que ça couleur devienne rouge (par exemple) et que le hover soit désactivé.
Ensuite, si je reclique sur mon <div>, je voudrais que mon Hover soit réactivé

comment faire ?

pour commencer le hover ne fonctionne de façon universelle que sur la balise a
donc sur un div :roll:

Mais bon si c'est de l'exclusif FFX un simple changement de className ...

effectivemennt, ça ne marche pas sous ie6 .... mais ça marche sous ie7 ;)

merci