Rollover image en CSS

[hegalaldia]

Slt

Je voudrais faire du rollover en image et CSS. J'en utilise deja sur un site en HTML/CSS (qui marche), mais je voudrais faire la meme chose avec Joomla 2.5 mais ca ne marche pas. J'utilise le meme code HTML et CSS pourtant.

Pour le HTML :

<div class="bouton-formulaire">
	<p>	
		<a>.</a>
	</p>
</div>

Pour le CSS :

.bouton-formulaire a {
	display:block;
	width:211px;
	line-height:50px;
	background:url(images/stories/boutons/bouton-formulaire-01.png) no-repeat;
	color:transparent !important;
	margin-left:auto;
	margin-right:auto;
	/* Pour le centrage avec IE version inferieure a la 6 */
	text-align:left; /* on rétablit l'alignement normal du texte */
}

.bouton-formulaire a:hover {
background:url(images/stories/boutons/bouton-formulaire-02.png) no-repeat;
}

L'image n'apparait meme pas. Le fichier CSS est bien pris en compte. Je ne vois vraiment pas pourquoi alors que ca marche pourtant tres bien sur une page du site qui est entierement en html/CSS.

Je precise que je bosse en local avec Server2Go.

Merci d'avance pour votre aide.