views:

39

answers:

1

I am having issues with Firefox rendering text differently to every other browser when negative letter spacing is applied:

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

<h2>Time</h2>(approx)

Here is the text rendered in most browsers: http://img707.imageshack.us/i/font2x.png/

Here is the text rendered in Firefox: http://img444.imageshack.us/i/font1.png/

Edit: They are direct screenshots, the images are the same resolution.

Any ideas on how to fix this issue?

A: 

Add the declaration width: 100%; to the h2 rule to trigger layout in the "other" browsers.

melhosseiny