title: resize the image to fit the dimensions of TD
body: <p>This table has 2 columns and 5 rows; in each cell I put an image and I need that image to fit the <code>td</code> dimensions.</p>
  
  <p>Here is my HTML and CSS code:</p>
  
  <pre><code>#menu{
          float:right;
          width:200px;
          height:650px;
          border-bottom:none;
          border-left:solid 1px;
  
  }
  
  
  #menu img{
          width:100%; height:auto;;
  }
  
  td{
    border:solid 1px;
  }
  
  &lt;table id="menu" cellspacing="0"&gt;
  &lt;tr&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;td class="item"&gt;&lt;img src="../mke.jpg"/&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I got is this:</p>
  
  <p><img src="https://i.stack.imgur.com/Smo0H.png" alt="enter image description here"></p>
  
  <p>The images doesn't fit all the cells.</p>
  
  <p>How can I re-size these images? I need a suggestion which works with IE9.</p>