Firefox crénage différemment à d'autres navigateurs (espacement des lettres négatif en CSS)

Question

J'ai des problèmes avec Firefox le rendu de texte différemment à tous les autres navigateurs lorsque l'espacement des lettres négatif est appliqué:

h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;} 

<h2>Time</h2>(approx) 

Voici le texte rendu dans la plupart navigateurs: http://img707.imageshack.us/i/font2x.png/

Voici le texte rendu dans Firefox: http://img444.imageshack.us/i/font1.png/

Edit: Ils sont des captures d'écran directes, les images sont la même résolution.

Des idées sur la façon de résoudre ce problème?

Answer 1

Ajoutez la déclaration width: 100%; à la règle h2 pour déclencher la disposition dans les "autres" navigateurs.

Answer 2

Je ne sais pas pourquoi, mais si vous utilisez pt à la place em dans votre déclaration font-size (mais gardez em pour letter-spacing, Firefox rendrais votre texte que les autres navigateurs font.

h2{font-size:18pt;font-weight:bold;color:#999;letter-spacing:-0.10em;} 

Answer 3

Je l'ai fixe en remettant à zéro le css. Il suffit d'ajouter le lien ci-dessous pour votre tête html.

 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css"> 

Plus d'informations peuvent être trouvées ici. http://developer.yahoo.com/yui/reset/