Contenir une image dans une div ?

Question

Je veux contenir une image dans une div 250 x 250, en forçant l'image à se redimensionner mais pas à s'étirer. Comment puis-je faire cela ? D'ailleurs, l'image sera généralement plus grande que la div elle-même, c'est pourquoi le redimensionnement entre en jeu.

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

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

Voici un jsfiddle que quelqu'un peut éditer :

http://jsfiddle.net/rV77g/

Answer 1

#container img{
 height:100%;
 width:100%;   
}

Answer 2

  <div id ="container">
    <img src = "http://animalia-life.com/data_images/duck/duck9.jpg"/>

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

L'image perdra le rapport hauteur/largeur