IE9 weird text alignment issue

[CyberAlien]

I have a rather complex website, there are buttons on pages that are simple <a> links with image background, making it look like a button.

Here is an example page: phpBB 3.0 Style : Prosilver

Buttons I'm talking about are "Change Another Color", "Reset Colors" and far below it "Download". All 3 buttons have exactly the same css.

Problem is, IE9 shows text on first 2 buttons couple of pixels above of where it is supposed to be.

Here is a screenshot of bug (mixed parts of screenshots, with arrows showing where bug is): http://www.trushkin.biz/temp/ie9_bug1.png

I don't see any difference at all in css for those buttons. They should be exactly the same, but they aren't in IE9.

Any ideas on what could be causing that bug?

[EarlyOut]

This rings a bell:

http://www.sitepoint.com/forums/css-...de-745359.html

The difference in your two buttons appears to be that the "misaligned" one has a letter in it (a "g") with a descender, and the other doesn't

[CyberAlien]

Thank you that solved the problem.