jquery - 回転後に画像の幅/高さを DIV の折り返しと同じに設定する方法は?

Question

中に画像がありますDIV

<div id="wrapper">
    <img id="testimg" src="http://www.dothetest.co.uk/images/do-test.gif" alt="Test" />
</div>

画像はDIVに完全に収まります(境界線を使用して強調表示しています)

#wrapper{
    border:1px solid #000;
    width:250px;
    height:292px;
}
#wrapper img{

    border:1px solid red;
} 

ここで適用する -webkit-transform :rotate(90deg) と、回転後に画像が親から出てDIVいきますが、その画像が再び親の DIV サイズに収まるようにする必要があります。

jQuery を使用して .width() & .height() を設定しようとしましたが、機能しません。どうすればこれを行うことができますか？

デモ http://jsfiddle.net/FcQZm/