title: CSS auto height setting doesn't account for table child elements?
body: <p>I'm trying to put a table inside a div for easy layouts. But as soon as I changed the height of the div from a fixed value to 'auto', the height of the div dropped to zero. Here's, a simplified version of how the code looks.</p>
  
  <pre><code>&lt;div class="box"&gt;
      &lt;table&gt;
         &lt;tr&gt;
         &lt;td&gt; &lt;img src="something.jpg" alt=""&gt; &lt;/td&gt;
         &lt;td&gt; &lt;p&gt;something&lt;p&gt; &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there something that I should do to stretch the div? Here's the CSS for the div. I really feel I'm missing something simple.</p>
  
  <pre><code>.box {
  float: center;
  margin: 10px 0px 10px 70px;
  height: auto;
  width: 600px;
  text-align: left;
  border: 2px solid #e3e2e2; 
  border-radius: 5px;
  padding: 0px 0px 0px 0px;   
  font-size: 25px;
  }
  </code></pre>
  
  <p>Thanks for your help.</p>