title: Table inside div overflowing
body: <p>I have a very basic CSS question.
  I have a div with fixed height and I have a table inside that div.</p>
  
  <p>The content of the table will not fit in the div unless the div gets a scrollbar. The problem is now,
  the content of the table is overflowing the div as its height is more than the height I set on the div.</p>
  
  <p>This is what I have for the Div</p>
  
  <pre><code> display: inline-block;
      float: left;
      max-height: 200px;
  </code></pre>
  
  <p>Here is an example.</p>
  
  <p><a href="http://jsfiddle.net/LNS26/58/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>How do I get the table to fit in the div and have a scrollbar? This is not specific to any browser. I tried both in Chrome and IE myself.</p>