vista IE7 float ずれる。


Memoです。
vista の IE7 で、次のような Float の使い方をするとおかしな感じになります。


前提 left は float:left を指す。right も同様。

<div class="left">       --div1
    <div class="left">   --div1-1  
    </div>
    <div class="right">  --div1-2
    </div>
</div>
<div class="right">      --div2
</div>

これを実行するとこうなる↓



いやいやいやいや、こうしたいんですが・・


これを実現するには、

<div class="left">       --div1
    <div class="left">   --div1-1  
    </div>
    <div class="left">   --div1-2
    </div>
</div>
<div class="right">      --div2
</div>

と div1-2 を left にしてあげて、margin-leftやpadding-leftで調整するしかない様子。


ちなみに、この事象は、VistaIE7のみで見られたものです。
firefox , google chrome , opera , ie8 OKでした。
誰が悪いのかな。