Largeur de la cellule Table basée sur colgroup ne fonctionne pas

Réglage de la largeur de la cellule du tableau à l'aide de colgroup fonctionne pas dans IE9

<table id="Grid1_Table" class="Table">
    <colgroup>
        <col style="width:20px">
        <col style="width:20px">
        <col style="width:180px">
        <col style="width:200px">
    </colgroup>
    <tbody>
        <tr>
            <td class="RowHeader"><div>&nbsp;</div></td>
            <td class="RecordPlusCollapse"><div>&nbsp;</div></td>
            <td colspan="2" class="GroupCaption">Order ID: 0 - 1 Items</td>
        </tr>
    </tbody>
</table>
.RowHeader
{
    background-color : black;
}
.GroupCaption
{ 
    background-color : #868981;
}
.RecordPlusCollapse
{
    background-color : red;
}
.Table{
    width: 100%;
}

2 premiers <td> largeur n'est pas comme colgroup dans IE9. Je ne sais pas pourquoi largeur diffère.

http://jsfiddle.net/KgfsM/3/

source d'informationauteur Sridhar Narasimhan

  1. 13

    Vous donnez à la table 100% de la largeur de et puis aller pour largeur fixe cols. Où dois le navigateur prenez le manque de largeur? Il s'étend tout simplement les cellules de la table.

    Regardez cet exemple, fonctionne dans tous les principaux navigateurs, en commençant avec IE 5(!) 🙂
    http://jsfiddle.net/Volker_E/ppRgV/1/

    Changements ont été décapage width: 100%; de table et en ajoutant table-layout: fixed;

    .Table {
   table-layout: fixed;
}