<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
  function repaintTest()
  {
    document.getElementById('node').remove();
  }
  onload = runRepaintAndPixelTest;
</script>
<style>
  #wrapper {
    visibility: hidden;
    position: absolute;
    width: 600px;
  }
  .outer {
    display: inline;
    position: relative;
    float: right;
    width: 100px;
    height: 100px;
    margin-right: 100px;
  }
  .inner {
    float: left;
    height: 100px;
    position: relative;
    width: 100px;
  }
  .abs_pos { position: absolute; }
  #container { float: right; width: 500px}
  .item {
    visibility: visible;
    background-color: green;
    width: 100px;
    height: 100px;
  }
  #node .item { background-color: red; }
</style>

<p>This is a reduction for http://crbug.com/371640.</p>
<p>The test PASSES if you see 1 green square and no red square.</p>

<div id='wrapper'>
 <div id='container'>
  <div id='node' class="outer">
   <div id='to_remove_inner' class="inner">
    <div id='to_remove' class="item">&nbsp;</div>
   </div>
  </div>
  <div id='keep_outer' class="outer">
   <div class='abs_pos'>
    <div id='keep_inner' class="inner">
     <div id='keep' class="item">&nbsp;</div>
    </div>
   </div>
  </div>
 </div>
</div>