[résolu]Coller un texte et une image

Salut,

Voila le code ke j utilise:

CSS:

li {
  float:left;
  text-align:center;
  list-style:none;
}

XHTML:

<ul>
  <li><img src="pics/menu/caimons2.png" alt="" /><br />Camions</li>
  <li><img src="pics/menu/tracteurs2.png" alt="" /><br />Tracteurs</li>
  <li><img src="pics/menu/divers2.png" alt="" /><br />Divers</li>
</ul>

Le problème c'est que sous IE, le texte est collé à l'image, mais sous Firefox ou autres, il y a un plus grand espace entre l'image et le texte.

Ce que je voudrais c'est que justement le texte soit collé à l'image.
J'ai essayé en rajoutant des margin et des padding à 0 de partout, mais ca ne change rien.

Et si je veux espacer le texte de l'image, en rajoutant un margin-bottom a l'image, ca me l'espace sous FF, mais bien sur aussi sous IE. Et je voudrais qu'ils soient au meme niveau...

Voila, je ne sais pas si j'ai été très clair mais si vous avez des soluces, n'hésitez pas.
Modifié le 24 Nov 2004 - 17:01

Il faut certainement harmoniser les tailles de texte et hauteurs de ligne par défaut puisque <img> et le texte sont du contenu "en-ligne".
Essaye de spécifier un line height (et un font-size également) dans le <li>

Hou punaise!!
Ca marche niquel!

Pourquoi n'y ais-je pas pensé plus tôt??
Merci Raph pour cette soluce et aussi pour cette rapidité de réponse.

YerebY a écrit :

Merci Raph pour cette soluce et aussi pour cette rapidité de réponse.

De rien, ravi d'avoir fait un heureux aujourd'hui