Rollover - problème de compatibilitée sous FF [resolu]

Bonjour,
J'utilise depuis plusieurs mois vos resources qui m'ont et m'aide toujours beaucoups.
Je travails actuellement sur la dynamique d'un de mes sites (quand je dit "dynamique", il s'agit en faite, que d'un simple rollover) et même en utilisant vos resources et les nombreuses autres de la toile, je bloque.

En effet, tous marche très bien sous IE, mais un problème apparait sous FF:
- L'image entour uniquement le texte, se qui fait qu'on ne l'apperceoit pas/peut.
- Problème de dimentions.

Je vous met ci-dessous un bout de ma feuille de style:

ul#menu0
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

}

ul#menu0 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;

}

ul#menu0 li a
{
	display : inline; 
	padding : 0 0;
	width: 84px ;
	line-height: 24px ;
	text-align: center ; 
    font-family: Lucida Sans Unicode;
	font-size: 11px;
	text-decoration: none ;
	background: url(images/header0.jpg) no-repeat 0 0 ; 
	border: 0px ;
}
li.bouton_gauche {
float : left;
}


ul#menu0 li a:hover
{
	background: url(images/header0.jpg) no-repeat 0 -24px ;
	border: 0px  ;
}

Ainsi que mon code html:

<ul id="menu01">
<li class="bouton_gauche"><a href="index.html" class="lien"> Accueil</a></li>
</ul>

& l'URL de a page en question, pour bien voir le disfonctionnement: içi

Je tiens à vous remerciez pour toutes ces resources.
(Pour ce qui est de ma presentation, excusez mais oukondoilafaire!? )
Modifié par The likelylad (06 Apr 2008 - 18:10)

Bonjour,

Est-ce que ça ne marcherait pas mieux avec des liens en display: block?
Tu ne peux pas donner une largeur fixe ou utiliser line-height pour un élément en display: inline.

Exellent!
Ta mis le doigt dessus direct.
Merci pour ta reponse rapide et ton interès.
J'etais carrement à côté d'la plaque...

- presentation effectué et sujet (reso)
Modifié par The likelylad (06 Apr 2008 - 18:09)