title: how to make an html div expand when its children grow?
body: <p>I have a main div which contains a table :</p>
  
  <pre><code>&lt;div id="main_container"&gt;&lt;table&gt;
  </code></pre>
  
  <p>you can see the full code in:
  <a href="http://jsfiddle.net/tF62u/" rel="nofollow">http://jsfiddle.net/tF62u/</a></p>
  
  <p>As you can see, the child table is wider than the div but it (the div) doesn't adjust accordingly.</p>
  
  <p>Which definition am I missing here?</p>