<!DOCTYPE html>
<style>
    col { height: 200px; }
    td { background-color: #66f; height: 25px; }
</style>
<script type="text/javascript">
    onload = function () {
        var col = document.getElementById('thecol');
        col.offsetTop;
        col.style.height="100px";
        checkLayout("td", document.getElementById("test-output"));
    }
</script>
<script src="../../resources/check-layout.js"></script>
Tests that the height of table cell changes on changing the colgroup height to new height.
<table style="-webkit-writing-mode: vertical-lr">
    <colgroup>
        <col id="thecol">
    </colgroup>
    <tbody>
        <tr>
            <td data-expected-height="100">Hello World</td>
        </tr>
    </tbody>
</table>
<div id="test-output"></div>