<!DOCTYPE html>
<html>
<head>
<style>
    table {
        border-spacing: 0px;
    }
    th {
        padding: 0px;
        width: 100px;
        height: 100px;
    }
    col, colgroup {
        background-color: green;
    }
</style>
</head>
<body>
<p><a href="http://webkit.org/b/87051">87051</a>: Centralize and clean-up table column iteration</p>
<p>This test passes if you see 3 rectangles below: green - purple - green (in this order, left to right).</p>
<table>
    <colgroup span="2">
        <col>
        <col style="background-color: purple">
    </colgroup>
    <caption>
    <col>
    <tbody>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </tbody>
</table>
</body>
</html>