<!doctype html>
<html>
    <style>
    .container {
        position: relative;
        z-index: 0;
        top: 123px; /* easy to detect values  */
        left: 123px; /* easy to detect values */
    }
    #child {
        width: 100px;
        height: 100px;
        background-color: gray;
        -webkit-transform: translateZ(0px);
    }
    </style>
    <script>
        if (window.testRunner)
            testRunner.dumpAsText(false);
    </script>
    <body>
        <!-- This test passes if there's no ASSERT in debug mode. There should be a gray rectangle on screen. -->
        <div class="container">
            <div id="child"></div>
        </div>
    </body>
</html>