title: Why <td > height not equal to <img > height inside of it when DOCTYPE is XHTML 1.0 Strict?
body: <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;table width="100%" cellspacing="0" cellpadding="0"&gt;
      &lt;tr&gt;
          &lt;td align="right" colspan="5"&gt;
              &lt;span class="validationInline"&gt;*&lt;/span&gt; 
              &lt;span class="hint"&gt;Required fields&lt;/span&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="5" background="http://media.monster.com.hk/bgr_8.gif"&gt;
              &lt;img src="/static/cleardot.gif" height="1" width="1" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can check it out here:
  <a href="http://maishudi.com/tt2.html" rel="nofollow noreferrer">http://maishudi.com/tt2.html</a></p>
  
  <p>I've known it's  caused by DOCTYPE ,because deleting that part will make it normal:</p>
  
  <p><a href="http://maishudi.com/tt.html" rel="nofollow noreferrer">http://maishudi.com/tt.html</a></p>
  
  <p>So what's wrong?How can I make it work with the DOCTYPE ?</p>