title: Fix height of a table row in HTML Table
body: <p>Kindly look at the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table id="content" height="525" border="0" cellspacing="0" cellpadding="0"&gt;
  &lt;tr style="height:9px"&gt;&lt;td height="9" bgcolor="#990000"&gt;Upper&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td  bgcolor="#990099"&gt;Lower&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>IE ignores the "height:9px" and I can't get what I want.
  Also, without the DOCTYPE, it works. But I have to follow the standard so that DOCTYPE cannot be removed.
  Does anyone how to fix the height of the upper row?</p>
  
  <p>Some clarifications:
  1. The height of second row may vary according to users' action and cannot be fixed.
  2. The height of the table is set to 525px so the table has a minimum height of 525px</p>