Image transparente, a:hover problème background

Bonjour.
Voilà mon problème, je ne peux que vous l'expliquer, le site que je code est en interne dans la boite ou je fais mon stage.

J'ai cette définition au niveau des liens :

a:link {color: green; text-decoration:underline;}
a:visited {color: gray; text-decoration:underline;}
[b]a:hover {color:red; text-decoration:none;background:#ffc;}[/b]
a:active { color:yellow; text-decoration:none }

Bon si je fais un lien sur une image, lorsque l'utilisateur va sur l'image on voit le background:#ffc en fond pour le lien.
Sur une image carrée aucun problème, on ne voit pas le backgroud lors d'un lien.
Mais sur une image par exemple "ronde" (qui en fait eset carrée avec de la transparence), le background s'affiche dans les zones transparentes et... c'est assez moche.

Que faire ?

J'ai essayé :

img,a:hover img {
		border:0px;
		margin:0px;
		padding:0px;
		background:none; /* ou inherit, ou transparent*/
		}

sans succès

Hello,

Le problème que tu décris 'me semble logique'. Vu que ton arrière-plan, il y en as tout simplement pas, la transparence de ton image laisse donc passer ce qu'il y a derrière elle.

De fait, si tu ne désire pas avoir l'effet que tu cites, essaye d'avoir une image qui aie le même arrière-plan désiré sur la pseudo-classe HOVER.

En espérant avoir correctement compris le problème,

G.

Merci, j'ai reglé le problème car en fait un fond ne me déplait pas, j'ai donc fait :

	a:hover img {
		background:#fff;
		}

Et lorsque l'on passe la souris ca me met un fond blanc (différent de celui d'un lien texte) ce qui me va très bien.


ciao