title: Handsontable scroll issues when HOT div height 100%
body: <p>I am trying to place the HOT element with (height:100%) inside <em>position:fixed</em> container. 
  But the vertical scrolling does not work - only blank rows in FF39, GC44, and IE11.</p>
  
  <p>I have also tried to set dynamically the height of HOT element to the values of parent container, e.g.</p>
  
  <pre><code>    var ex = $('#example').parent();
      $('#example').height(ex.height());
  </code></pre>
  
  <p>It works fine in GC and FF, but there are issues with scrolling in IE11. If you move the vertical scrollbar to the bottom, it shows the last row at ~66700. But the last row number should be 100000.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="http://handsontable.com/dist/handsontable.full.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" media="screen" href="http://handsontable.com/dist/handsontable.full.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div style="position:fixed;top:20px;bottom:0;left:0;right:0; overflow:hidden; border: 1px solid green"&gt;
       &lt;div  style="position:fixed; top:40px;left:5px;right:5px;bottom:5px;border: 1px solid red"&gt;
           &lt;div id="example" style="overflow:auto; height:100%"&gt;&lt;/div&gt;
       &lt;/div&gt;
   &lt;/div&gt;
   &lt;script type="text/javascript"&gt;
      var data = Handsontable.helper.createSpreadsheetData(100000, 10);
      var container = document.getElementById('example');
      var hot = new Handsontable(container, {
         data: data,
         rowHeaders: true,
         colHeaders: true,
         stretchH: 'all',
         contextMenu: true
      });
   &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Does anyone know any CSS/layout tricks how to get Handsontable work correctly when using 100% of space of the parent container?</p>
  
  <p>Thanks</p>