<!DOCTYPE HTML>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="../resources/run-after-layout-and-paint.js"></script>
<div id="scroller" style="overflow:auto; width:100px; height:100px">
  <div id="content" style="width:100px; height:100px; background:blue">
  </div>
</div>
<script>
async_test(function(t) {
    var scroller = document.getElementById("scroller");
    var content = document.getElementById("content");
    content.style.height = "110px";
    runAfterLayoutAndPaint(t.step_func(function() {
        assert_equals(scroller.clientWidth, 85);
        content.style.height = "100px";
        runAfterLayoutAndPaint(t.step_func_done(function() {
            assert_equals(scroller.clientHeight, 100);
        }));
    }));
});
</script>