<!DOCTYPE html>
<style>
body { margin: 0px; }
.float { float: left; width: 50px; height: 100px; background: green;}
.content { overflow: hidden; margin-top: -100px; width: 50px; height: 100px; background: green;}
.container { width: 100px; background: red;}
</style>
<p>crbug.com/666487: There should be a green square below.</p>
<div class="container">
  <div>
    <div class="float"></div>
    <br clear=all>
  </div>
  <div style="position:absolute;"></div>
  <div class="content" data-offset-x=50></div>
</div>
<script src="../../../resources/check-layout.js"></script>
<script>
checkLayout('.content');
</script>