I am trying this code in android device.

<div id="olayer_div" style="height: 480px; opacity: 0.9; background: url("black.jpeg") repeat scroll 0% 0% rgb(15, 255, 255);">
</div>
<div id="i_id" style="position: absolute; top: 15px; left: 15px; z-index: 99999; width: 290px; display: block; height: 270px; opacity: 1;">
    
<img id="cl_id" src="images1.jpg" alt="X" style="left: 5px; top: -8px; position: relative; float: right; cursor: pointer; z-index: 999999;">
    
<iframe id="i_iframe" width="290px" scrolling="yes" height="270px" style="border: medium none; overflow: hidden; position: absolute;" src="http://dev.mysql.com/doc/">
</div>

I have played around css properties.But i am not able to get scrolling effect for iframe.Changing overflow to scroll is causing iframe to come out of the div and keeping width and height to 100% is not helping much.