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?

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

Codice:

---

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

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

---

Codice HTML:

---

<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.

Citazione:

---

Originalmente inviato da javascripter

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

Codice:

---

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

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

---

Codice HTML:

---

<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

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

Codice:

---

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

---

Cerca su google per trovare una soluzione per IE.