У меня есть проблема, уникальная для Firefox. Я пытаюсь стилизовать ссылки и кнопки, чтобы посмотретьименно так тот же самый. В любом браузере, кроме Firefox, это работает как нужно. В Firefox высота содержимого кнопки составляет 18 пикселей по сравнению с 15 пикселями для ссылки. В Chrome, Safari и Internet Explorer они оба имеют высоту 15 пикселей. Почему это?

Вот демо на jsFiddle проблемы. Вот результат, который я получаю на Chrome:

и вот результат Firefox:

Я попытался изменить высоту вручную в CSS, но это не совсем работает и нарушает компоновку в других браузерах. настройка-moz-appearance: none ничего не делает, но опять же, обычно это не так.

Вот полная деталь моей попыткиИ для чего он будет использоваться.

Кто-нибудь сталкивался с этой проблемой раньше? Как я могу выровнять высоту во всех браузерах?