title: Why the image is not occupy the whole td content area?
body: <p>I have a HTML table, I would like to show an image as the content of a <code>&lt;td&gt;</code> element, and make the image occupy the whole <code>&lt;td&gt;</code> content area,  so, I did the following thing:</p>
  
  <pre><code>&lt;td id="my-img"&gt;                
  &lt;img border="0" src="images/my.png" alt="Logo" width="60px"/&gt;                  
  &lt;/td&gt;
  </code></pre>
  
  <p>I also used CSS to define the width of <code>&lt;td&gt;</code> which has the same width value as the <code>&lt;image&gt;</code> tag:</p>
  
  <pre><code>#my-img{
   width: 60px;
  }
  </code></pre>
  
  <p>But, the image does not occupy the whole <code>&lt;td&gt;</code> area, there are white spaces around the image always, why? how to get rid of it? (I am sure the white spaces are not from the PNG image file)</p>