Я использую границы для некоторого контента. Тем не менее, я нахожу нежелательный контур 1px того же цвета, что иbackground цвет добавляется вокруг границы при преобразовании родителя (по крайней мере, сscale а такжеrotate). Это происходит и с псевдоэлементами детей.

.container { 
    transform:rotate(-45deg); 
}
.child {
    border:3px solid white; background:green;
}

jsFiddle для работы с

Я тестировал на новейших Chrome и IE, проблема в обоих

Как я могу избавиться от этой схемы, не используяbox-shadow или удаление преобразования?