Hauteur du fantôme lors de la spécification de la largeur d’un LI à l’aide de jQuery

Sur une structure simple ul et li comme celle-ci:

 
 
 
  bridal  
 //.... 
  

ul est affiché sous forme de tableau et li sous forme de cellule. J’utilise jQuery pour fixer la largeur du li, après leur chargement sur le DOM. Cela permet de stabiliser la largeur lorsque la famille de fonts est modifiée.

Mais, au chrome, j’obtiens une hauteur fantôme et une largeur de 10px + supérieure à celle calculée par jQuery.

• Ajouter un sortingangle à l’autre de la div avec css
• filtre d’opacité ne fonctionne pas dans firefox
• IE9 étrange position fixe problème
• augmenter la largeur de l’élément à l’aide de jQuery ou JS
• Ajouter / supprimer une classe à la balise d’ancrage avec les boutons jrapery bootsrap de jQuery- twitter?

Aidez-moi à résoudre ces problèmes: http://jsfiddle.net/qK8Yr/

Remarque: Si je supprime le code pour définir la largeur, la hauteur fantôme disparaît.

• Capturer dynamicment une position div
• Réduire l’image tout en contraignant les proportions?
• La superposition Fancybox n’est pas présente dans les anciens IE
• Image CSS provoque des problèmes dans le menu
• Couleur moyenne d’une image de la région sélectionnée donnant une mauvaise image

 nav#mainNavigation a { cursor: pointer; font-family: 'Verdana'; font-size: 11px; font-weight: bold; display: block; padding: 3px 0px !important; } 

  nav#mainNavigation > div > ul > li > .relContainer > a { padding: 7px 5px; }