title: TABLE wider than containing DIV
body: <p>In the example below, also available <a href="http://downloads.tersus.com/misc_files/wide_table.html" rel="noreferrer">here</a>,  both WebKit (Safari 5, Chrome 10.0.648.205) and Mozilla (FF 4) keep DIV div around the visible width of the browser window, while the TABLE is as wide as its content.</p>
  
  <p>I would expect the DIV to grow as wide as the TABLE, but since the behavior is consistent across browsers, I suspect this is a feature rather than a bug.</p>
  
  <p>Interestingly, if the DIV is set to have float:left, <a href="http://downloads.tersus.com/misc_files/wide_table_float.html" rel="noreferrer">it does grow as wide as the table</a>.</p>
  
  <p>Any explanations?</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Wide Table&lt;/title&gt;
  &lt;style&gt;
  
  #container {
      background-color:blue;
  /*    float:left;*/
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="container"&gt;
      &lt;table &gt;
         &lt;tr id="tr"&gt;
           &lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;&lt;td&gt;Table&amp;nbsp;Cell&lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>