Позиционирование на 1 пиксель отключено в Safari / Mac, но работает в Safari / Windows

Question

Я бью головой об стену на этом; изображение логотипа («Это все о доходах») смещается на один пиксель в Safari на Mac, но отображается правильно во всех других комбинациях браузера и ОС, которые я смог протестировать. У кого-нибудь есть идеи, почему это может быть? Вот сайт: http://blog.eloqua.com/

Заранее спасибо за помощь!

Answer 1

Атрибут height элемента <div class="parentLogo"> вычисляется по-разному в двух браузерах:

Вам необходимо установить атрибут height вручную:

.custom .parentLogo {
    height: 40px;
    ...
}

Это должно решить проблему.

Answer 2

Я сталкивался с этой ошибкой 1px много раз, особенно при использовании сброса CSS. На самом деле это проблема высоты строки.

Установить базовую высоту строки для всех браузеров:

body {
  line-height: 1em;
}