Je veux mettre une image sur la droite, qui change lorsque l'on est dessus, avec un lien.

Sous IE j'ai pas de problème, le résultat est ok. Par contre sur Firefox, mon image est à gauche et le lien est sur toute la largeur de la page comme si la largeur de mon div était ignorée.

Voici le code html

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="commentaire">
Commentaires sur Le Forum ici
<a href="../forum/viewtopic.php?t=236">
<div id="img-forum" onMouseOver="javascript: id='img-forum_up';" onMouseOut="javascript: id='img-forum';"></div>
</a>
</div>
Et le code dans mon fichier 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
21
22
23
24
25
26
27
28
29
.commentaire
{
Text-Align: right;
Font-Size: 10pt;
Font-Family: Verdana,Arial,Helvetica,sans-serif;
Font-Weight: bold;
Color:#FFCC99;
Margin: 10px;
}
 
#img-forum
{
Width: 70px;
Height: 70px;
Cursor: pointer;
Background-image:url("images/forum.jpg");
Background-position: center center;
Background-repeat: no-repeat;
}
 
#img-forum_up
{
Width: 70px;
Height: 70px;
Cursor: pointer;
Background-image:url("images/forum_up.jpg");
Background-position: center center;
Background-repeat: no-repeat;
}
Je n'ai malheureusement rien trouvé qui me donne au moins une piste de recherche pour comprendre ce comportement