title: CSS min height not working
body: <p>I have a large <code>div</code> that I want to put content in. I want the <code>div</code> to be padded and have a minimum height so that if there is too much text in the <code>div</code> it expands down to maintain the padding. But I also don't want it to get less than 100px in height. Currently, when I run this code, some of the text falls outside of the <code>div</code>.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id='content'&gt;
      &lt;div&gt;lots of text in here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>#content {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid gray;
      min-height: 100px;
      width: 800px;
      padding: 60px;
  }
  </code></pre>