title: Integrating iframe like a div with scroll
body: <p>Firstly here's the <a href="http://jsfiddle.net/krish7878/3LAat/158/" rel="nofollow">fiddle</a></p>
  
  <p>I am trying to integrate a iframe like a div, I know how do this if this was a normal iframe but this iframe has a slider inside it. As a result there are two scroll bars appearing on the right side. </p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="h_iframe"&gt;
          &lt;iframe  src="http://isotopethemes.com/slider-test/" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>html,body {height:100%;}
  .h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
  </code></pre>
  
  <p>Is there any way where I could make the iframe behave like a div so that the page will have a single scroll bar. <code>overflow:none</code> would remove the scroll from the iframe. </p>
  
  <p>Any help would be appreciated. </p>