<!DOCTYPE html>
<html>
<body>
  You should see the text 'after' in the inner box with no mangled pixels.
  <div style="position: absolute; width: 300px; height: 300px; border: solid 1px red">
    <div style="position: relative; width: 100px; height: 100px; left: 90px; top: 90px; border: solid 1px green;">after</div>
    </div>
  </div>
</body>
</html>