<html>
<head>
    <title></title>
    <style>
        table { margin: 4px; border-collapse: collapse; }
        tbody { background-color: yellow; }
        tr { background-color: orange; }
        td { width: 25px; height: 25px; }
        .green { background-color: green; }
        .red { background-color: red; }
    </style>
</head>
<body>
<p>
    This tests that the background of a table cell with <tt>visibility:hidden</tt> is never painted.
</p>
<p>
    You should see nine green squares and no red, orange or yellow squares.
</p>
<table style="visibility: hidden;">
    <tbody>
        <tr>
            <td class="red"></td>
        </tr>
    </tbody>
</table>

<table style="visibility: hidden;" class="red">
    <tbody style="visibility: visible;">
        <tr>
            <td class="green"></td>
        </tr>
    </tbody>
</table>

<table style="visibility: hidden;" class="red">
    <tbody>
        <tr style="visibility: visible;">
            <td class="green"></td>
        </tr>
    </tbody>
</table>

<table style="visibility: hidden;" class="red">
    <tbody>
        <tr>
            <td style="visibility: visible;" class="green"></td>
        </tr>
    </tbody>
</table>

<table class="green">
    <tbody style="visibility: hidden;" class="red">
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

<table class="red">
    <tbody style="visibility: hidden;">
        <tr style="visibility: visible;">
            <td class="green"></td>
        </tr>
    </tbody>
</table>

<table class="red">
    <tbody style="visibility: hidden;">
        <tr>
            <td style="visibility: visible;" class="green"></td>
        </tr>
    </tbody>
</table>

<table class="green">
    <tbody>
        <tr style="visibility: hidden;">
            <td class="red"></td>
        </tr>
    </tbody>
</table>

<table class="red">
    <tbody>
        <tr style="visibility: hidden;">
            <td style="visibility: visible;" class="green"></td>
        </tr>
    </tbody>
</table>

<table class="green">
    <tbody>
        <tr>
            <td style="visibility: hidden;" class="red"></td>
        </tr>
    </tbody>
</table>
</body>
</html>
