Bonjour à tous,

Je vous explique mon problème (je n'ai pas trouvé de réponse sur le forum à ce sujet) :
J'aimerais afficher deux images sur une page qui ont chacune un lien. J'aimerais qu'au survol de l'image la bordure d'image de 5px se mette de couleur bleu clair, sinon en vert.
La situation semble donc assez simple mais je n'arrive pas à avoir le même rendu sous FF et IE 6. Je sais que IE 6 ne reconnait l'évènement :hover que sur les liens, donc j'oublie la solution img:hover{} qui est pourtant bien pratique...

Voilà où j'en suis :
Code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<div id="photos">
<a href="./"><img src="photos/1.jpg" width="345" height="460" alt="" /></a> <a href="./"><img src="photos/2.jpg" width="345" height="460" alt="" /></a></div>
Code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
#photos img {
	border: none;
}
#photos a {
	border: 5px solid green;
}
#photos a:hover {
	border: 5px solid #6990ff;
}
Sous IE6 l'affichage est à peu près correct, par contre sous FF le survol des images me fait apparaitre une sorte de rectangle à la base de l'image, comme si FF ne connaissait pas la taille des images.
Est-ce que j'ai oublié quelque chose ou fait une faute quelque part ?

Merci pour votre aide !