Modifier le curseur au survol d'une image

Bonjour à tous,

J'ai une image tout simple que j'affiche dans ma page. Au survol de celle-ci, j'aimerais que le curseur change d'apparence.

#imgVoir {
 display: inline;
 background-image : url(../Images/loupe.gif);
 background-repeat : no-repeat; 
 height : 5px;
 width : 20px;
}

En fouillant sur Internet, j'ai vu qu'il fallait utiliser hover pour cela. Le souci, c'est que hover s'applique à la balise img.
J'ai essayé ceci, mais ça ne fonctionne pas :

#imgVoir hover{ 
cursor: help; 
}

Comment dois-je m'y prendre? Ca doit certainement être tout bête en plus.

Un grand merci pour votre aide.

Bonjour,

Tout d'abord, tu as oublié le ":"

#imgVoir:hover{

Mais sur IE ça ne fonctionnera pas, car le :hover est seulement supporté sur les balises <a>.

Et si tu mettais une balise <a> autour de l'img?


a:hover img {
cursor: help
}