<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
runAfterLayoutAndPaint(function() {
content.style.height = '250px';
runAfterLayoutAndPaint(function() {
content.style.height = '150px';
}, true);
});
</script>
<div style="height: 100px">
<div style="height: 200px">
<div id="float" style="float: left; width: 300px; height: 100%; overflow: scroll; background-color: green">
<div id="content" style="height: 150px"></div>
</div>
</div>
</div>