title: Scroll bar not visible in chrome extension
body: <p>I have developed a chrome extension which is supposed to have a scroll bar if the content in the popup is more than the specified height to the body of popup .</p>
  
  <p>I am adding the contents of my popup.html </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;head&gt;
      &lt;title&gt;Compare Hatke&lt;/title&gt;
      &lt;script type='text/javascript' src='popup.js'&gt;
      &lt;/script&gt;
      &lt;style&gt;
        body {
          min-width:357px;
          min-height: 500px;
          overflow-x:hidden;
          overflow-y:auto;
        }
  
        img {
          margin:5px;
          border:2px solid black;
          vertical-align:middle;
          width:75px;
          height:75px;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      Extension developed by Prashant Singh
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Also the JS which is injecting data to the popup file </p>
  
  <pre><code>var len = currentArray.length;
    var string = "";
  
    for(i=0;i&lt;len;i++){
      if(tab.id==currentArray[i].tabID){
       string += "&lt;img src='" + currentArray[i].image + "' height='20px' max-width='100px'&gt; " + currentArray[i].prod +"&lt;br&gt;";
      }
    }
    document.write(string);
  </code></pre>
  
  <p>What could be the possible issue ? I am not getting scroll bar even if the data to be shown is much much greater that can be shown in one view.</p>
  
  <p>Any explanation would be appreciated. Thanks !</p>