Рендеринг таблицы с cols и colspan на tds в IE9

Question

Я делаю HTML-таблицы для отображения данных, и у меня есть различное количество столбцов в таблицах, но я хочу оставить такое же количество "столбцов в фоновом режиме", чтобы иметь одинаковую ширину столбцов.

Причина этого специфична для моего приложения и не имеет отношения к проблеме, так как это, кажется, ошибка (или я неправильно понял, как colи colgroupдолжно работать?)

В приведенном здесь HTML-коде я сократил количество фактических столбцов до двух.

Я делаю свои столы, используя colgroup как это, и установка ширины на col элемент с CSS:

Таблица 1:

<table>
    <colgroup>
        <col />
        <col />
    </colgroup>
    <tbody>
        <tr>
            <td colspan="1">col1</td>
            <td colspan="1">col2</td>
        </tr>
        <tr>
            <td colspan="2">col1</td>
        </tr>
    </tbody>
</table>

Таблица 2:

<table>
    <colgroup>
        <col />
        <col />
    </colgroup>
    <tbody>
        <tr>
            <td colspan="2">col1</td>
        </tr>
        <tr>
            <td colspan="2">col1</td>
        </tr>
    </tbody>
</table>        

CSS:

col {
    width:100px;                
}

Обе эти таблицы хорошо отображаются в FireFox, Chrome, IE7 и IE8 (где "IE" означает "Internet Explorer"). В IE9, однако, таблица 2 отображается с шириной всего одного столбца.

Я пробовал как с, так и без table-layout: fixed

Я сделал скрипку с этими таблицами, а также с таблицами со всеми удаленными пробелами, чтобы показать, что это не связано с ошибкой рендеринга таблиц в IE9: http://jsfiddle.net/ketnp/1/