<!DOCTYPE html>
<html>
<head>
<title>This tests that nested compositing layers with subpixel accumulation paint to the same position as regular, non-compositing content.</title>
<style>
  div {
    width: 50px;
    height: 50px;
    left: 0px;
    border: 1px solid;
    position: absolute;
    -webkit-transform: translateZ(0);
  }
</style>
</head>
<body>
<p id="container"></p>
<script>
  left = 0;
  for (i = 0; i < 6; ++i, left+=55.3) {
    var container = document.getElementById("container");
    dimension = 50;
    for (j = 0; j < 10; ++j, dimension+=-4) {
      var e = document.createElement("div");
      e.style.top = "1.3px";
      e.style.width = dimension + "px";
      e.style.height = dimension + "px";
      if (j == 0)
        e.style.left = left + "px";
      color = (j * 20);
      e.style.borderColor = "rgb(" + color + ", " +  color + ", " +  color + ")";
      container.appendChild(e);
      container = e;
    }
  }
</script>
</body>
</html>