title: Adjust parent div height according to inner table height
body: <p>I have a a div and a table inside it. I need to adjust the div height according to the content inside the table which is happening dynamically.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="table-responsive" &gt;
     &lt;table class="table table-bordered" &gt;
          &lt;thead&gt;
          &lt;tr&gt;
            ....
            &lt;/tr&gt;
         &lt;/thead&gt;
           &lt;tbody&gt;
          &lt;tr data-ng-repeat="searchResult in result "&gt;
            .....
            &lt;/tr&gt;
             &lt;/tbody&gt;
      &lt;/table&gt;
    
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to get a vertical and horizontal scrollbar by minimizing the height of the div which happening in Chrome but not in IE9.
  Any idea how to attain the same in IE ?</p>