如何使用jQuery旋轉動畫div？

我有一個jQuery動畫，圖片從底部向左滑動。現在我想旋轉這個div與-ms-transform: rotate(90deg)。旋轉這個div後，動畫被破壞。如何使用jQuery旋轉動畫div？

動畫的左側應該有一個固定的信息框，右側的圖片可以從左向右滑動。動畫容器旋轉90度。

我的動畫：

$('#divImg0').animate({ "marginTop": -this.screenHeight, "Height": 0 }, "slow");

HTML：

<div style="-ms-transform: rotate(90deg); position: absolute; right: 0; bottom: 0;"> 
    <div id="PictureContainer" style="padding: 0; margin: 0;"> </div> 
</div> 

<div id="InfoBox" style="position: absolute; top: 0; height: 768px; width: 200px; padding: 0; margin: 0; background-color: #000; z-index: 99;"> 
    <div style="-ms-transform: rotate(90deg);">wasd asd asd</div> 
</div>

來源

2011-05-27 Sand