title: Double vertical scrollbars are showing on iFrame page
body: <p>I have an index page that includes both a left and a right iFrame. For some reason on the second iFrame it shows a scroll bar for its iFrame and another scroll bar for the whole page. </p>
  
  <p>I have been trying to remove the scroll bar for the whole page and just leave the scroll bars for the 2 iFrames only</p>
  
  <p>When I go and change the css property to overflow hidden for the body,html element it also removes the scroll bar for both iFrams</p>
  
  <p>I have even tried to set the iFrame element overflow-y: to auto and the body,html overflow to hidden. </p>
  
  <p>That still didn't work. </p>
  
  <p>The second issue I am having is that the iFrame does not extend all the way to the bottom of the page even when I specified the height to be a 100% . </p>
  
  <p>I have been fiddling with the CSS but go no luck so far. I would appreciate it if anyone can try to help me out. </p>
  
  <p>Below is the link to my webpage, and the css snippet. Thank you!!!</p>
  
  <pre><code>html,body{ height: 100%; margin:0;padding:0; }
  iframe{
      height:100%; margin:0;padding:0; border: 0;
  }
  </code></pre>
  
  <p><a href="http://15c04752.ngrok.com/simplemenu/menus/demo" rel="nofollow">http://15c04752.ngrok.com/simplemenu/menus/demo</a> (Text might be rendered smaller in different browsers please hit ctrl+ cmd+ on your keyboard to get the scrolling to show) </p>