<html>
<head>
  <style type="text/css" media="screen">
    body {
      margin: 10px;
    }
    #square {
      width: 100px;
      height: 100px;
      background: red;
      transform: scale(0.5, 0.5);
    }
    #overlay {
      position: absolute;
      left: 35px;
      top: 35px;
      width: 50px;
      height: 50px;
      background: green
    }
  </style>
</head>
<body>
<div id="square"></div>
<div id="overlay"></div>

<p><a href="https://bugs.webkit.org/show_bug.cgi?id=19623">https://bugs.webkit.org/show_bug.cgi?id=19623</a></p>
<p>Test for incomplete repaint when a non-layer object gains a transform. You should see a green square above. If you see any red, the test has failed.</p>
</body>
</html>