title: Width of Table cell based on colgroup not working
body: <p>Setting width for table cell using colgroup not works in IE9 </p>
  
  <pre><code>&lt;table id="Grid1_Table" class="Table"&gt;
      &lt;colgroup&gt;
          &lt;col style="width:20px"&gt;
          &lt;col style="width:20px"&gt;
          &lt;col style="width:180px"&gt;
          &lt;col style="width:200px"&gt;
      &lt;/colgroup&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="RowHeader"&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;
              &lt;td class="RecordPlusCollapse"&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;
              &lt;td colspan="2" class="GroupCaption"&gt;Order ID: 0 - 1 Items&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>.RowHeader
  {
      background-color : black;
  }
  .GroupCaption
  { 
      background-color : #868981;
  }
  .RecordPlusCollapse
  {
      background-color : red;
  }
  .Table{
      width: 100%;
  }
  </code></pre>
  
  <p>First 2 <code>&lt;td&gt;</code> width is not as <code>colgroup</code> in IE9. Not sure why width differs.</p>
  
  <p><a href="http://jsfiddle.net/KgfsM/3/" rel="noreferrer">http://jsfiddle.net/KgfsM/3/</a></p>