CSS Fixed Position Font Changing -

when apply position:fixed element, font renders thinner , pixelated. if position relative or absolute, font renders cleanly.

i've noticed issue in both firefox , safari. what's happening?

edit

here image showing difference in text. thing being changed position. effect similar in safari, less dramatic.

the css font-smoothing , anti-alias suggestions don't seem make difference.

this might rendering issue. try on element better rendering:

-webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizelegibility;