<html>
<head>
  <title>Relative Positioned Inline Repaint Test</title>
  <style>
    #target { background-color:orange; }
  </style>
  <script src="../resources/text-based-repaint.js" type="text/javascript"></script>
  <script type="text/javascript">
       function repaintTest()
       {
           document.getElementById('target').style.backgroundColor='red';
       }
  </script>
</head>
<body onload="runRepaintAndPixelTest();">
  <p>If you see any red or orange below then the test has failed.</p>
  <span style="position:relative"><div style="vertical-align:top;display:inline-block; width:100px;height:100px; background-color:green"></div></span>
  <br>
  <div id="target" style="display:inline-block; margin-top:-50px;width:100px;height:50px;"></div>
</body>
</html>