Revisiting the Firefox button line-height bug... any 2011 solutions?

Question

The Firefox line-height bug is a pain. In short, it prevents the manual setting of line-height on button elements through a browser style line-height: normal !important declaration that can't be reversed.

Now this is a huge pain, and in an era where hacking around browser-specific quirks is fortunately becoming decreasingly necessary, I'd hate to have to make an exception for Firefox of all browsers.

So my question now is whether there's anything I can do about it since the concession that the above article made that it was basically impossible.

Here's a fiddle to play around with: http://jsfiddle.net/hBLQ7/

Open in Firefox and Chrome and observe the difference.

So is there anything we can do in this day and age?

Answer 1

Can you just set the height of the button, if that's what you're after?

Answer 2

What about hacking it with top and bottom padding ?

CSS

button {
   padding: 25px 0;
}

Example

jsFiddle.