Hide vertical scrollbar in iframe
<p>I need to remove vertical scrollbar in an iframe. I have tried using <code>overflow: hidden;</code> still not working. Please help.</p>

<p><a href="http://i.stack.imgur.com/rqsUo.png" rel="nofollow">How it looks now</a></p>

<p>Code:</p>

<pre><code>#iphone4 {
background-image: url("ipad_new2.png");
background-repeat: no-repeat;
height: 900px;
width: 750px;
margin: auto ;
position: relative;
overflow: hidden;
}


/*Mobile iframe CSS*/
iframe {
height: 700px;
width: 525px;
position: absolute;
top: 68px;
margin: auto ;
left: 61.99px;
overflow-y: scroll;

}

&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div id="iphone4" &gt;
&lt;iframe src="index_atish.html" seamless="seamless"&gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>