[Apfhex]

Working on a site, I have a paragraph of text, formatted with CSS, and certain words from this paragraph further highlighted using a span class element (I'm just changing the color and the weight to bold). This works fine in Safari, Opera, IE:Mac, but not in Firefox (Camino too... so I assume all Gecko browsers). In Firefox, these words are crashing up against the word to their left, so that the first and last letters (respectively) are overlapping slightly. Is it a font issue? But why not in other browsers, where font rendering is otherwise identical? How do I fix it?

Here's a screenshot:

[andi*pandi]

I've had problems with fonts in firefox. Mostly with filling in form fields (like this one) but also on some pages. Have no idea on a fix though.

[registered_user]

It's a Mozilla bug, and it's very irritating.

I've been able to skirt it be adjusting the font sizes. That is instead of your span being .9em, make it .88em or whatever works.

[Apfhex]

Thanks, I might give that a try.

It appears to be limited to OS X, and doesn't happen at all if a different font is used (that is, if the user doesn't have Myriad and it defaults to one of the common sans-serif fonts I have specified), so I guess I can live with it.

[registered_user]

For me it only happens in Helvetica, and on my machine. I haven't been able to reproduce it on other people's machines ever before.