<!DOCTYPE HTML>
<html reftest-async-scroll
      reftest-displayport-x="0" reftest-displayport-y="0"
      reftest-displayport-w="800" reftest-displayport-h="2000"
      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
<body style="overflow:hidden; height:3000px; margin:0;">
  <div style="margin-top: 100px; height: 100px;
              position: relative;">
    <div style="position: absolute;
                top: 0; right: 0; bottom: 0; left: 0;
                background-image:url(repeatable-diagonal-gradient.png);
                background-attachment:fixed;
                background-repeat:no-repeat;
                background-position:top left;">
    </div>
  </div>
  <!-- test that the clip of a background-attachment:fixed background of a
       child element moves correctly during async scrolling -->
</body>
</html>