Problème background coupé sous FF

Hello,

je suis souvent tombé sur ce forum pour trouver des réponses à mes problèmes, mais aujourd'hui je créer mon premier post .

Voila mon problème:
Sur un site que je suis en train de créer j'ai une colonne pour le menu, et en haut j'ai des petites images. Comme je veux afficher différentes images suivant que la souris soit dessus ou non, j'affiche dans le code HTML une image en .gif et dans le CSS des background.
Le problème est que sous FF, il coupe le bas des images (13 px au lieu de 15px), alors que IE les affiche en entier.

Bout du code HTML:

<div id="menu2">
	<p class="icones">
		<a href="index.html" class="icone_contact"><img src="img/empty.gif" /></a> 
		<a href="index.html" class="icone_favoris"><img src="img/empty.gif" /></a> 
		<a href="index.html" class="icone_demarrage"><img src="img/empty.gif" /></a>
	</p>
</div>

Bout du code CSS:

#menu2 .icones {
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border: solid 1px #99EE66;
	border-left: 0px;
	border-right: 0px;
	background-color: #335544;
}
#menu2 .icone_contact { background: #335544 url("img/contact.jpg");}
#menu2 .icone_contact:hover { background: #335544 url("img/contact_hover.jpg");}
#menu2 .icone_favoris { background: #335544 url("img/favoris.jpg");}
#menu2 .icone_favoris:hover { background: #335544 url("img/favoris_hover.jpg");}
#menu2 .icone_demarrage { background: #335544 url("img/demarrage.jpg");}
#menu2 .icone_demarrage:hover { background: #335544 url("img/demarrage_hover.jpg");}

J'ai essayé diverses choses mais rien n'y fait, donc si quelqu'un a la solution

merci d'avance

ps: voici un apercu :
http://moltes.site90.net/images/apercu_menu.jpg
Modifié par moltes (24 Mar 2009 - 12:15)

Salut,

A mon avis, ton fichier empty.gif n'a pas les mêmes dimensions que tes images en background.

salut,

si elle fait 15px par 15px comme les autres

mais j'ai remarqué que si je mets une image en .jpg à la place (et aux mêmes dimensions), il l'affiche en entier, ce qui est bien étrange.

Si tu pouvais nous donner un lien ...

désolé, je le fais en local, mais si faut je peux mettre un peu plus de code. J'ai mis l'essentiel car je ne sais pas si le reste peu poser problème...

Le problème est qu'on ne peut pas s'inventer des images.

re,

j'ai mis une page en ligne avec toute la structure, ainsi que les images et le css en entier.

j'espere que ca aidera

=> http://moltes.site90.net/bd_test/

Tu peux résoudre ton problème en mettant sur ton lien un float:left et un margin-right:5px.

Après, il y a sûrement une meilleure solution ...

re,

merci de t'être penché sur mon problème, mais une amie à trouver une solution assez rapidement.

cela donne:

<a href="index.html"><img class="icone_contact" src="img/empty.gif" /></a>

au lien de:

<a href="index.html" class="icone_contact"><img src="img/empty.gif" /></a>

je ne sais pas laquelle des solutions est la meilleure, mais celle de mon amie est assez simple

merci encore !