hide a part of an iframe in ipad and iphones

[ttuu]

I need to hide 300px from the top in an iframe. I have tried to hide it with overflow: hidden in css, but it's not working in an iphone or an ipad. How can I solve that?My HTML-code\[code\]<div class="iframe-wrapper"> <div class="iframe-content"> <iframe src="http://my_url" width="940" height="900" frameborder="0" scrolling="no" </iframe> </div></div>\[/code\]My CSS\[code\].iframe-wrapper { position: relative; overflow: hidden; width: 940px; height: 600px;}.iframe-content { position: absolute; top: -300px;}\[/code\]