<!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>