html - 2 つの div、それぞれ 50% 幅、左にフローティング、ウィンドウのサイズ変更時に IE7 で一方を他方の上に取得

Question

私はこの単純なコード、ラッパー内の 2 つのフローティング左 div を持っています。

    <div id="wrap">

        <div class="right">
            <p>I am right</p>
        </div>

        <div class="left">
            <p>I am left</p>
        </div>

        <div style="clear: both"></div>

    </div><!-- wrap -->

両方の div は幅 50% で、これがデモです

IE7 でブラウザー ウィンドウのサイズを変更すると、2 番目の div が最初の div の下に浮きます。

これはどのように修正できますか？私は解決策を求めてネット全体を検索してきましたが、運がありません。

タイ！