Кнопки с одинаковой высотой строки во ВСЕХ браузерах

Question

Я искал ответы, но, к сожалению, все еще не нашел ни одного правильного ..

Я создаю кнопки с использованием изображений, и сама кнопка выглядит хорошо во ВСЕХ браузерах ..

Дело в том, что текст размещается по-разному (по вертикали) в зависимости от того, из какого браузера вы его просматриваете.Я пытался применить как высоту строки, отступ / поле, верх / низ и некоторые другие атрибуты, но безуспешно.

Нет ли способа (с помощью CSS) правильно разместить текст во всехбраузеры?(Opera, Firefox, Chrome, Safari) ... Не беспокойтесь об Internet Explorer - для этого я применю специальный CSS-код!

Я привел здесь пример, с которым можно поиграться: http://jsfiddle.net/GydjP/1/

Answer 1

button :: - moz-focus-inner {border: 0; отступ: 0; margin: 0;}

и добавление Line-height к кнопкам, по-видимому, лучшее решение, которое я могу найти для своегокнопки пока что .. Это не работает в очень старых версиях Firefox + Chrome, хотя