<!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="400">
<body style="overflow:hidden; height:3000px">
  <!-- Test that scrolling content above position-fixed content but not
       intersecting it doesn't get moved down to a layer below the
       position-fixed content -->
  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:200px; z-index:1"></div>
  <div style="position:fixed; background:blue; top:200px; left:0; width:500px; height:200px; z-index:2"></div>
  <div style="position:absolute; background:gray; top:500px; left:0; width:500px; height:200px; z-index:3"></div>
</body>
</html>