<!DOCTYPE HTML> <!-- This test creates a situation where the child transform layer's position needs to take into account the rounding that is applied to m_graphicsLayer. --> <style> #animDiv { position: absolute; width: 176px; height: 91px; background-image: none; background-color: #00cc35; left: -164.5px; top: 184.5px; } #clipper { overflow: hidden; width: 700px; height: 700px; margin: -10px; } #shake { position:absolute; width:200px; height:64px; left:51px; top:121px; border-style:solid;border-width:1px; transform:translateZ(0); } #container { perspective: 1400px; /* Without this, container will paint into composited ancestor, and prevent us from seeing the bug. */ transform: translateZ(0); } </style> <div id="clipper"> <div id="container"> <div id="animDiv"></div> <div id="shake"></div> </div> </div>