<!DOCTYPE HTML>
<style>
    body {
        margin: 0;
    }
    #container {
        position: absolute;
        height: 154px;
        width: 20px;
        background-color: blue;
    }
    #test {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
    .contents {
        background-color: green;
        height: 100%;
        width: 10px;
    }
</style>
<script src="../../../resources/check-layout.js"></script>
<script>

    function runTest()
    {
        var test = document.getElementById('test');
        document.body.offsetTop;
        test.style['top'] = '20px';
        test.style['bottom'] = '20px';
        window.checkLayout(".contents");
    }
    window.onload = runTest;
</script>
<div id="container">
    <div id="test">
        <div class="contents" data-expected-height=114></div>
    </div>
</div>
Tests positioned movement layout when its height has changed and a descendant depends on its height.