<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>Margin Collapsing: absolutely positioned (block-inside-inline version)</title>
  <style type="text/css">
   div.test { background: green; position: absolute; }
   div.test div { background: red; margin: 5em 2.5em; }
   div.control { height: 5em; width: 5em; background: red; position: absolute; }
  </style>
 </head>
 <body>
  <p>This page should have one square green block and no red.</p>
  <div class="control"></div>
  <div class="test"><span><div></div></span></div>
 </body>
</html>