<!DOCTYPE HTML>
<html>
<body style="overflow:hidden; height:3000px;
             background-image:url(repeatable-diagonal-gradient.png), url(repeatable-diagonal-gradient.png);
             background-repeat:no-repeat;
             background-position:0 300px, 0 0;">
  <!-- Test that scrolling content above background-attachment:fixed content but not
       intersecting it doesn't get moved down to a layer below the
       background-attachment:fixed content -->
  <div style="position:absolute; background:black; left:0; top:300px; width:500px; height:200px;"></div>
</body>
</html>