[解決済み] divの中に画像を入れる？

質問

250×250のdivに画像を収めたいのですが、画像は強制的にリサイズされますが、ストレッチはされません。どうしたらいいでしょうか？ちなみに、画像は通常div自体よりも大きく、そのためにリサイズが必要になります。

<div id = "container">
  <img src = "whatever" />
</div>

#container { width:250px; height:250px; border:1px solid #000; }

これは、誰かが編集できるjsfiddleです。

http://jsfiddle.net/rV77g/

解決方法は？

最大幅と最大高さを使用します。縦横比が保たれます。

#container img 
{
 max-width: 250px;
 max-height: 250px;
}

http://jsfiddle.net/rV77g/