Ta tabela ma 2 kolumny i 5 wierszy; w każdej komórce umieściłem obraz i potrzebuję tego obrazu, aby pasował dotd wymiary.

Oto mój kod HTML i 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;
}

<table id="menu" cellspacing="0">
<tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr>
<tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr>
<tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr>
<tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr>
</table>

Mam to:

Obrazy nie pasują do wszystkich komórek.

Jak mogę zmienić rozmiar tych obrazów? Potrzebuję sugestii, która działa z IE9.