CSS — Safari — почему появляются непонятные отступы?

Question

[Kishir]

Надеюсь будет видно, сверху у самой первой новости странный отступ светлый в самом верху, проверка элементов показывает, что высота и ширина у двух div'вов накрывающих друг друга идентичны.
Первый div - картинка, второй затемнение для создания эффекта выделения объекта, то есть при наводке, с помощью css - hover, я делаю его прозрачным. Такой артефакт (непонятный отступ) появляется только базуере Safari при увеличении.
Так же, почему-то, в Safari не работает hover, в других браузерах все выглядит и работает просто чудесно, без всяких артефактов. Можете подсказать как решить эту проблему?

Comments

[Алексей Уколов]

Сделайте пример на codepen или jsfiddle, чтобы людям не нужно было угадывать по картинке.

[IIIu6ko]

position: relative; top: 1px; на картинку, как вариант)

Answer 1

[Максим Тимофеев]

При масштабировании в браузере, не важно каком, всегда есть артефакты, не заморачивайтесь. Если заказчик просит, что бы при маштабировании все было идеально - ставьте сразу ценник x3.

Answer 2

[Егор Живагин]

А давайте обнулять padding, например. Чо получится?