Impostare dimensione immagine in base a div

Ciao, ho delle immagini che devono adattarsi alla dimensione del div a cui appartengono per esempio un giorno si trovano in un div di 100x50 e centrano l'altro giorno in un div di 50x25 e non centrano, in questo caso le dovrei ridimensionare automaticamento, ma come?

[javascripter]

Se definisci altezza e larghezza del div, puoi fare ad esempio:

#div {
    width: 150px;
    height: 150px;
}

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

<div id="div"><img src="http://www.google.it/intl/it_it/images/logo.gif" alt="google" /></div>

L'immagine verrà adattata alle dimensioni del div.

Se definisci altezza e larghezza del div, puoi fare ad esempio:

#div {
    width: 150px;
    height: 150px;
}

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

<div id="div"><img src="http://www.google.it/intl/it_it/images/logo.gif" alt="google" /></div>

L'immagine verrà adattata alle dimensioni del div.

Il problema è che l'immagine non corrisponde sempre alla grandezza del div, im percentuale, anzi molte volte, in percentuale, è più piccola

[javascripter]

Allora dovresti provare con max-height e max-width:

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

Cerca su google per trovare una soluzione per IE.