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?