Bonjour la Communauté,

Je cherche à faire "bouger" un bouton lorsqu'on le survole. Je pensais que cela serait très simple... Grosse erreur, rien ne fonctionne comme je le voudrais.
IL s'agit d'une bouton dans mon header.

Voici le code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="headerv">
    <div class="btn"></div>
</div>

Et le fameux code css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#headerv{
background: url(../images/visiteurs/headid3-v5.png) no-repeat;
width:879px;
height:197px;
margin-top:10px;	
}
 
.btn{
float:right;
background: url(../images/visiteurs/btn1.png);
margin-right:32px;
margin-top:54px;
}
 
.btn hover{
float:right;
background: url(../images/visiteurs/btn2.png);
margin-right:32px;
margin-top:54px;
}
Merci pour votre aide.