title: <col> width returns 0 for IE and Chrome
body: <p>I have a table with three columns. I am using  tag to specify the width of a column. Sample code:</p>
  
  <pre><code>&lt;table width="100%" border="1"&gt;
    &lt;colgroup style="background-color:#FF0000;"&gt;
    &lt;col width="100px" id="id1"&gt;&lt;/col&gt;
    &lt;col width="80px" id="id2"&gt;&lt;/col&gt;&lt;col id="id3"&gt;&lt;/col&gt;&lt;/colgroup&gt;
    &lt;tbody&gt;
    &lt;tr&gt;
      &lt;th&gt;ISBN&lt;/th&gt;
      &lt;th&gt;Title&lt;/th&gt;
      &lt;th&gt;Price&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;3476896&lt;/td&gt;
      &lt;td&gt;My first HTML&lt;/td&gt;
      &lt;td&gt;$53&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;2489604&lt;/td&gt;
      &lt;td&gt;My first CSS&lt;/td&gt;
      &lt;td&gt;$47&lt;/td&gt;
    &lt;/tr&gt;
  &lt;tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The problem is width of col ($("#id1").width()) returns 0 for IE and Chrome and it works fine in FF.
  How do I get the actual width of col in chrome and IE?</p>