Абсолютное позиционирование не отображается правильно в Chrome

Question

Возможно ли иметь только одно свойство CSS, отличающееся в Chrome от Firefox?

Определенный элемент имеет абсолютное позиционирование и правильно отображается в Firefox, но в Chrome он отображается на 2 пикселя ниже.

Answer 1

Чтобы настроить таргетинг только на Firefox, используйте это:

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>

<h1>This should be red in FF</h1>

Я получил ответ от другого вопроса переполнения стека: Ориентация только на Firefox с CSS

Вы можете проверить этооткрыв следующее jsFiddle в обоих браузерах: jsFiddle