Bonjour, bonjour !

J'ai une question toute simple : comment puis-je ajouter un rollover sur mon div ?

HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a href="index.php"><span id="inscription"><div id="btn_inscription"></div></span></a>
CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
div#btn_inscription {
background:url(../img/boutons/inscription.png);
width:110px;
height:30px;
float:left;
}
 
span#inscription:hover {
background:url(../img/boutons/inscription_hover.png);
}
Je pense que c'est faisable avec CSS en utilisant :hover mais comment ?

Merci de m'éclairer