<!DOCTYPE html>
<html>
<head>
<style>
table {
    font: 20px/1 Ahem;
    border-collapse: separate;
    table-layout: fixed;
    max-width: 300px;
    width: 300px;
    border: 1px solid #dddddd;
    border-spacing: 0px;
}

td {
    padding: 0px;
    width: 200px;
    border-left: 1px solid #dddddd;
}
</style>
<script src="../../resources/check-layout.js"></script>
</head>
<body onload="checkLayout('table')">
    <div>This test checks that a fixed table layout with max-width doesn't over-constraint the cell (ie the content width still wins over max-width per the specification).</div>
    <div>For this test to pass, the second cell shouldn't bleed out of the table.</div>
    <table data-expected-width="404">
        <tbody>
            <tr>
            <td>Cell text</td>
            <td>Cell text text text text</td>
            </tr>
        </tbody>
    </table>
</body></html>
