internet-explorer - IFrame IE で Twitter Bootstrap を使用すると、オーバーフローが発生したと見なされる

Question

Bootstrap のバージョン 1.3 を使用しています。この div から IFrame をポップアップしています。

<div id="searchDialog" class="modal hide" title="Search">

    <div class="modal-header" style="left:40%">
       <a href="#" class="close">&times;</a>
       <h3>Search</h3>
     </div>
     <div class="modal-body">
        <iframe style="width: 700px; height: 400px; overflow: auto; border-style: none" src="<c:url value="/kb/workgroup/usersearch"/>"></iframe>
     </div>

</div>

(Spring MVC 経由で) 呼び出される JSP には、ブートストラップ css 参照があります。

<link type="text/css" rel="stylesheet" href="<c:url value="/resources/skins/kb/css/bootstrap.css" />" />

IFrame は Firefox で正常に動作しますが、IE 8 には垂直スクロール バーがありますが、スクロールする余分なコンテンツはありません。ブートストラップ CSS 参照を削除すると、垂直スクロールバーが消えます。

だから私は960pxのブートストラップの必要性が混乱するかもしれないと思っています...または似たようなものです。

また、ブートストラップの行とスパンのクラスを使用しようとすると、そこにブートストラップの css 参照があるため、効果が奇妙になります。つまり、正しく機能しません。

何かご意見は？(現時点でブートストラップをアップグレードするのは困難です)。IFrame 内で Bootstrap を使用できますか? 例を探すのに失敗しました。ありがとう