Différence line-height firefox/ie

Bonjour,

j'ai une div qui contient un menu (une liste en display inline)
pour que cette liste soit centrer verticalement j'utilise un line-height.

Voici le problème: j'ai 1px de différence entre IE (6,5.5) et Firefox (firefox place mon menu à 22px du top, IE à 23px)

je pensais pouvoir utiliser un hack genre -moz-line-height mais ca ne le fait pas

une idée svp???
merci bcp
Modifié par yannn (31 May 2006 - 14:00)

Bonjour,
La solution la plus rapide est d'exploiter le !important pour rétablir les différence entre IE et les autres navigateurs:
Le !important fait passer une déclaration au plus haut niveau de spécificité (priorité) aprés les styles de l'utilisateurs marqués !important.

Exemple

{line-height : 2em !important; line-height : 1em;}

Etant donné que IE ne prends pas en compte le !important dans le cas ou l'on a deux fois la même propriété qui se suit.
Il prendra en compte 1em et non 2em contrairement aux autres browsers.

Sinon la méthode la plus sûre et la plus propre consiste à utiliser une CSS en commentaire conditionnelle :
http://forum.alsacreations.com/faq/#item53

Merci bcp Hermann pour ta réponse