title: Overflow auto/scroll doesn't work correctly in FF with huge innerhtml value
body: <p>This works as expected on 30 rows but increases block height over 50% after inserting e.g. 100 rows into it. Can anyone explain what happens? I noticed this bug in FF only.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html style="height:100%;"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="height:100%;background:grey;padding:0;margin:0;"&gt;
      &lt;table style="height:100%;"&gt;
          &lt;tr&gt;
              &lt;td style="height:100%;"&gt;
                  &lt;div style="background:white;height:50%; overflow: auto"&gt;
                      &lt;script&gt;
                          // try 100 to see a bug 
                          for (i = 0; i &lt;= 30; i++) {
                              document.write(i + " Sample text&lt;br&gt;");
                          }
                      &lt;/script&gt;
                  &lt;/div&gt;
                  &lt;div style="background:blue; height:50%"&gt;
                  Sample text
                  &lt;/div&gt;  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>