<html>
<script src="../../../resources/check-layout.js"></script>
<style>
    body {
        margin: 0px;
        padding: 0px;
    }
</style>
<body onload="checkLayout('#line')">
    <div style="height: 20px;">
        <div style="background-color: gray; height: 40px;">
            <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
        </div>
        <div style="background-color: gray; height: 40px;">
            <div style="float: left; height: 30px; background-color: blue; width: 100px;"></div>
        </div>
        <div style="background-color: gray; height: 40px;">
        </div>
    </div>
    <div style="background-color: silver; height: 80px;">
       <div id="line" data-total-x=100 style="display:inline-block;">This line should not overlap the blue box.</div>
    </div>
</body>
</html>