Не полностью совпадают границы элементов в Chrome?

Question

[Ксения]

https://codepen.io/2GNC/pen/BwXXzW

У меня есть элемент-контейнер с overflow: hidden (в примере - .cat__back01), внутри него еще два абсолютно позиционированных элемента, один из них частично закрывает другой.
Никак не могу понять, почему в chrome остается светлая линия слева? такое впечатление, что элемент .cat__back01-inner2 на один пиксель уже, чем надо, или какая-то рамка.. В ie все норм.
Помогите плиз, разобраться

Answer 1

[Ярослав Иванов]

Добавить translateZ(0)
transform: translateZ(0) rotate(-28deg)
https://codepen.io/anon/pen/qVOWQB

Comments

[Ксения]

магия, спасибо!
а почему так?

[Ярослав Иванов]

Ксения, методом проб и ошибок))

Answer 2

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

Похоже, это баг Хрома. Попробуйте создать баг-репорт.