title: min-height on inline-block not working
body: <p>Why is this <code>div</code> element clipping the content? It should fit the content</p>
  
  <p><a href="http://jsfiddle.net/ojfxtwdv/" rel="nofollow">http://jsfiddle.net/ojfxtwdv/</a></p>
  
  <pre><code>&lt;div&gt;
      text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;
      text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;text&lt;br&gt;
  &lt;/div&gt;
  
  div {
      display: inline-block;
      height: 200px;
      min-height: 200px;
      padding: 20px;
      width: 100%;
      border:1px solid black;
  }
  </code></pre>