bnjour
je voudrais appliquer un style css sur un div lorsque je passe ma souris au dessus d'un lien
je l'ai déjà fait auparavant mais je me rappelle plus comment

j'ai un lien <a>, dans ce lien ya un <div> suivi d'un mot, le div contient à la base une image X, je veux que quand je passe ma souris au dessus du div ou du mot, le div contienne une image Y

HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<a id="toggleHeaderPannel" href="#"><div class="imgOpenPannel"></div>Test</a>
CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
a#toggleHeaderPannel .imgOpenPannel
{
	background: url('../images/bt_open.png') no-repeat right 0;
}
 
a#toggleHeaderPannel:hover => a#toggleHeaderPannel .imgOpenPannel
{
	background:url('../images/bt_open.png') no-repeat right -20px;
}

le problème est que je ne me rappelle plus le symbole à mettre au milieu, ici j'ai mis "=>"
idée ? merci