Css: Text Color Slightly Offset In Safari/firefox

I'm having a strange problem with a website I'm building for a client. I have some links in a list as part of a table, and in my CSS I have the following: a:hover { text-decor

Solution 1:

The problem is caused by the browser negating to compute exact glyph bounds (Done for the sake of performance.)

The solution to this problem is to add a single line of text into your CSS:

text-rendering:optimizeLegibility;

this line can be added to the CSS of the div that requires it, and that way there's no extra processing done to the rest of the page.