ridimensiona l’immagine per adattarla alle dimensioni di TD

Questa tabella ha 2 colonne e 5 righe; in ogni cella metto un’immagine e ho bisogno di quell’immagine per adattarla alle dimensioni td .

Ecco il mio codice HTML e CSS:

 #menu{ float:right; width:200px; height:650px; border-bottom:none; border-left:solid 1px; } #menu img{ width:100%; height:auto;; } td{ border:solid 1px; }  

Quello che ho ottenuto è questo:

inserisci la descrizione dell'immagine qui

Le immagini non si adattano a tutte le celle.

Come posso ridimensionare queste immagini? Ho bisogno di un suggerimento che funzioni con IE9.

Basta aumentare le dimensioni delle immagini al 100% e rendere l’altezza automatica per mantenere le immagini distorte

quindi qualcosa di simile

 #menu img{ display:block; width:100%; height:auto; } 

Se vuoi che si adatti esattamente, usa width:100% e height:100% .

Le proprietà max-width e max-height non impostano le dimensioni di un elemento, restringono le dimensioni.