Html 调整图像大小以适合TD的尺寸

此表有2列5行；在每个单元格中，我放置了一个图像，我需要该图像来适应

td

维度

以下是我的HTML和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>

#菜单{
浮动：对；
宽度：200px；
高度：650px；
边框底部：无；
左边框：实心1px；
}
#菜单img{
宽度：100%；高度：自动；；
}
运输署{
边框：实心1px；
}

我得到的是：

这些图像并不适合所有的单元格

---

如何重新调整这些图像的大小？我需要一个适用于IE9的建议。

如果您希望它完全适合，请使用

宽度：100%

和

高度：100%

---

属性

max width

和

max height

不设置元素的尺寸，它们限制尺寸。只需将图像宽度设置为100%，并自动设置高度，以防止图像看起来失真

大概是

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

---

字体大小和显示块

<td style="font-size:0px">
   <img src="IMG_URL" width="XXX" style="display:block;"> 
</td>

如何确保图像始终与单元格高度相匹配？这对我很有用！我不需要使用

display:block