Używam obramowań do niektórych treści. Znajduję jednak niechciany kontur 1px tego samego koloru cobackground kolor jest dodawany wokół granicy, gdy rodzic jest przekształcany (przynajmniej za pomocąscale irotate). Dzieje się tak również w przypadku pseudoelementów dzieci

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

jsFiddle do pracy

Przetestowałem na najnowszym Chrome i IE, problem dotyczy obu

Jak mogę pozbyć się tego konturu bez użyciabox-shadow lub usunięcie transformacji?