Rendering di tabelle con cols e colspan su tds in IE9

Sto creando tabelle HTML per mostrare i dati, e ho un numero variabile di colonne nelle tabelle, ma voglio mantenere lo stesso numero di “colonne sullo sfondo”, per avere larghezze coerenti delle colonne.

La ragione di ciò è specifica per la mia applicazione e non è rilevante per il problema, dal momento che questo sembra essere un bug (o ho frainteso come dovrebbero funzionare colgroup e colgroup ?)

Nel codice HTML che mostro qui ho ridotto a due il numero di colonne effettive.

colgroup mie tabelle usando un colgroup come questo, e impostando la larghezza sull’elemento col con CSS:

Tabella 1:

 
col1 col2
col1

Tavolo 2:

 
col1
col1

CSS:

 col { width:100px; } 

Entrambe queste tabelle funzionano bene in FireFox, Chrome, IE7 e IE8 (dove ‘IE’ sta per ‘Internet Explorer’). In IE9, tuttavia, la tabella 2 viene renderizzata con la larghezza di una sola colonna.

Ho provato sia con che senza il table-layout: fixed

Ho fatto un giochetto con queste tabelle e anche le tabelle con tutti gli spazi vuoti rimossi, per illustrare che questo non è correlato a quel bug di rendering di tabelle in IE9: http://jsfiddle.net/ketnp/1/