Hover image dans un menu

Bonjour,

J'ai un menu à faire avec une image en haut et le texte du lien en dessous de cette image dans un menu et j'aimerais que l'image change aussi de couleur quand on passe la souris sur le lien ou l'image.

Ce que j'ai essayé pour l'instant fonctionne à moitié. Quand je passe la souris sur l'image, le hover de cette image fonctionne, mais le hover du lien non et ce n'est pas cela que je veux. Je veux que lorsque la souris passe soit sur l'image ou le lien, le hover des DEUX fonctionnent en même temps. Avez-vous une solution miracle?

<ul>
  <li><a href="#"><img src="image ici" width="50" height="55"  onmouseover=this.src="img/image_hover.png" onmouseout=this.src="img/image_pas_hover.png" ><br />Qui sommes nous?</a></li>
...
</ul>

#menu li a:hover {
color:#0040a7;
}

Merci!

Coucou,

tente de faire le hover a partir du li c'est à dire :
li:hover a
li:hover img

Ca devrait fonctionner

salut,
pour ce que tu veux faire mieux vaut utiliser des sprites. Tu peux faire avec un simple background en CSS, ou jouer avec les marges si tu utilises une image qui a un sens avec la balise <img>, comme ici. Tu peux aller un peu plus loin pour donner un effet de fondu comme ça.