Pb de rollover

Salut,

J'éprouve un problème de rollover. L'image du bouton initial s'affiche mais
ne permute pas au survol de la souris. Voici une partie de mon code:

HTML:

<li><a href="index.php?page=accueil" class="ro"><img src="accueil_1.gif"></a></li>

CSS:

a.ro { background-image: url('accueil_1.gif'); background-repeat: no-repeat; }
a.ro:hover { background-image: url('accueil2.gif'); background-repeat: no-repeat; }

Merci à tous !

papyjo,
L'image en question est celle d'un bouton qui sert de lien pour se rendre sur une certaine page. Ce que je désire faire c'est changer d'apparence le bouton lorsqu'on le survole avec la souris.

Peut-être mon code HTML est-il aussi à revoir ?
On m'a conseillé d'ôter complètement la balise <img src=....>, mais alors plus rien ne s'affiche.

Au tout début, j'ai pensé qu'il s'agissait simplement d'insérer l'image dans la page HTML, puis cöté CSS indiquer le fonctionnement de la balise <a> en cas de survol.

Merci.