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