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/