在野生动物园中的iframe问题

Question

我有一个包含iframe的div。 div设置为overflow：auto（我也尝试过overflow：hidden）但内容在safari中溢出并隐藏在IE9中。如果我删除iframe并添加文本，则所有内容都会被适当隐藏。有任何想法吗？

<div class="mediawrapper">
<div id="mediatext">


<iframe width="420" height="315" src="http://www.youtube.com/embed/E_58LjB1Tco?rel=0" frameborder="0" allowfullscreen></iframe>
    <iframe width="420" height="315" src="http://www.youtube.com/embed/POO4gNkO2SA?rel=0" frameborder="0" allowfullscreen></iframe><br/><br/>
    <iframe width="420" height="315" src="http://www.youtube.com/embed/hEFVjcuiq2k?rel=0" frameborder="0" allowfullscreen></iframe>
    <iframe width="420" height="315" src="http://www.youtube.com/embed/nHTgq7bvrpI?rel=0" frameborder="0" allowfullscreen></iframe><br/><br/>
    <iframe width="420" height="315" src="http://www.youtube.com/embed/ZH2IXOfnBqw?rel=0" frameborder="0" allowfullscreen></iframe>

     </div>
     </div>

.mediawrapper {
    width:950px;
    margin-left:auto;
    margin-right:auto;
    margin-top:75px;

}

#mediatext{
    position:absolute;
    height:350px;
    overflow:auto;
    margin-left:-18px;
    overflow:auto;

}