Как вы боретесь с разными отступами в Firefox и браузерах на WebKit?

Question

[LMI]

При верстке меню, кнопок, инпутов и подобных элементов всегда наблюдается проблема со шрифтами и отступами в Firefox.

Например:

В пункте меню текст в браузерах на WebKit отображается нормально, но в Firefox отступ получается на 1px больше и текст съезжает вниз, что некрасиво и не кроссбраузерно.

Как вы боретесь с этой проблемой?

UPD: Вот даже тут на Тостере такая же трабла в кнопке "Отправить" i.imgur.com/c3477jY.jpg?1

Answer 1

[Ilya Korablev]

reset.css.
Ну или плюю на это дело.

Answer 2

[Алексей Николаев]

Обычно у меня как раз наоборот, везде все хорошо, а в хромом разные косяки. Борюсь очень просто - прописываю в css специфичные правила для конкретного движка \ браузера (благо это можно определить).

Answer 3

[Руслан Садыхов]

Самого бесит это. Мой пример хоть и убогий, но вроде везде ровно.

jsfiddle.net/wLeq1z1f

Answer 4

[Дима Паутов]

Сообственно ничем это не исправить! Каждый браузер, возьмем за основу ie, ff, chrome рендерят шрифты по разному и у каждого свои алгоритмы. Пока все браузеры как минимум не перейдут на 1 движок, подобное будет случаться. Хотите решить проблему? Просто давайте блокам чуть большую ширину. НИКОГДА не делайте ширину блока по ширине слова.