css - iframe overflows div on iOS -

i have following set up:

<div id="main">     <div class="module-texture">         <div class="module-inner">             <iframe>yadayadayada</iframe>         </div>     </div> </div> 

the iframe set height:300px , .module-inner has overflow:auto. additionally, surrounding div #main has height set well. when viewing on iphone, iframe still overflows #main.

what can causing iframe overflow?

this fix it

#main overflow:hidden;