Лишний 1 px, как убрать?

Question

[massef]

Приветствую.

Из-за scale(), при ховере появляется лишний 1px справа у средних изображений если есть прокрутка.



Если ширину указать ровно 33%, то пиксель пропадает, но это не решение, мне нужны 3 блока на всю ширину.
Если взглянуть в инспектор, видно что у среднего изображения ширина дива на 1px больше.

Накидал пример
Наблюдается это в Chrome и Firefox, в других не проверял.
Как это убрать?

upd: всем спасибо, буду разбираться.

Answer 1

[A K]

На примере вашей проблемы в упор не вижу.
Сделайте transform: scale(1) так transform: scale(1.01)

Answer 2

[Александр Маджугин]

Не буду оригинален - нет проблемы.

Answer 3

[Богдан Духевич]

Ваша проблема локальная.
Firefox 33.1 - проблема не наблюдается.
Кстати, scale ужасно рендерится в сафари 5. но это так, к слову. и только при слишком маленьком значении.

Answer 4

[Назар Мокринский]

Перестаньте угадывать - используйте flex box для отображения трех блоков в одну строку, или на крайний случай calc(100%/3)

Comments

[massef]

Flexbox ведь не работает в 5 сафари или я ошибаюсь? Я сначала как раз его использовал.

[Назар Мокринский]

massef: Safari 5 ещё существует? Я думал, он умер давным давно.