title: How show the scrollbar in Firefox and IE?
body: <p>I would like to use a scrollbar on a div using the property overflow:auto and setting overflow:hidden on the body. It works well with Chrome but not with Firefox and IE. </p>
  
  <p>Can anyone explain me why there is 2 different behavior with this code? </p>
  
  <pre><code>&lt;html lang="en" class="fillScreen" dir="ltr"&gt;&lt;head&gt; 
     &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"&gt;
     &lt;meta content="IE=edge" http-equiv="X-UA-Compatible"&gt;
  
  
  
      &lt;link rel="stylesheet" href="template4.css" type="text/css"&gt;  
  
      &lt;style&gt;
  
          .fillScreen {
              bottom:0px;
              height:100%; 
          } 
  
           html, body {
              margin: 0; padding: 0;
              height: 100%;
              overflow: hidden; 
          }
  
  
      &lt;/style&gt;
  
    &lt;/head&gt; 
  
    &lt;body class="fillScreen"&gt; 
  
     &lt;div class="fillScreen" style="display:table;width:100%"&gt;
  
          &lt;div class="fillScreen" style="display:table-row"&gt;
  
              &lt;div style="border: solid 2px red;overflow:auto;display:table-cell;overflow:auto" class="fillScreen" &gt;              
  
                      &lt;div class="fillScreen" style="display:table;width:100%;overflow:auto"&gt;             
  
                          &lt;div class="fillScreen" style="border: solid 1px blue;" style="display:table-row"&gt;              
  
                              &lt;div class="fillScreen" style="display:table-cell"&gt;             
                                  &lt;div class="fillScreen" style="position:relative"&gt;   
  
                                      &lt;button width="142px" height="20px" style="position:absolute;top:99px;left:20px;"&gt;OK&lt;/button&gt;
  
                                  &lt;/div&gt;
                              &lt;/div&gt;          
  
                          &lt;/div&gt;
  
                      &lt;/div&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It is possible to test it here <a href="http://jsfiddle.net/nMSvv/2/" rel="nofollow">http://jsfiddle.net/nMSvv/2/</a>
  Scrollbar apears in Chrome when resizing the window.</p>
  
  <p>I add, that I absolutely need to display the button with absolute position and need to keep this structure of div </p>
  
  <p>Thank you for any help</p>