<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function runTest() {
                var outer = document.getElementById('outer');
                outer.style.width = '100px';
                window.checkLayout("#outer", document.getElementById("test-output"));
            };
        </script>
        <script src="../../resources/check-layout.js"></script>
        <style>
            #outer {
                display: table;
                table-layout: fixed;
            }
            #inner {
                display: table-cell;
                height: 50px;
                background-color: green;
                min-width: 200px;
            }
        </style>
    </head>
    <body onload="runTest()">
        Tests that the table width having table-layout fixed changes when width is changed dynamically.
        <div id="outer" data-expected-width="100">
            <div id="inner"></div>
        </div>
        <div id="test-output"></div>
    </body>
</html>
