title: How to fix height of TR?
body: <p>Is it possible to fix the height of a row (tr) on a table?</p>
  
  <p>The problem appears when I shrink the window of the browser, some rows start playing around, and I can not fix the height of the row.</p>
  
  <p>I tried several ways:
   <code>tr width="20"  / tr style="height:20px" / td height="20" / td style="height:20px"</code></p>
  
  <p>I am using IE7</p>
  
  <p>Style</p>
  
  <pre><code>.tableContainer{
      color:#0076BF;
      margin: -10px 0px -10px 0px;
      border-spacing: 10px;
      empty-cells:show;
      width:90%;
      text-align:left;
  } 
  
  .tableContainer tr td{
      white-space:nowrap;
      text-align:left;
  }
  </code></pre>
  
  <p>HTML code.</p>
  
  <pre><code>&lt;table class="tableContainer" cellspacing="10px"&gt;
      &lt;tr style="height:15px;"&gt;
          &lt;td&gt;NHS Number&lt;/td&gt;
          &lt;td&gt;&amp;#160;&lt;/td&gt;
          &lt;td&gt;Date of Visit&lt;/td&gt;
          &lt;td&gt;&amp;#160;&lt;/td&gt;
          &lt;td colspan="3"&gt;Care Time Started&lt;/td&gt;
          &lt;td&gt;&amp;#160;&lt;/td&gt;
          &lt;td rowspan="2" style="text-align:right;vertical-align:bottom;"&gt;&amp;#9745;&lt;/td&gt;
          &lt;td rowspan="2" style="font-weight:bold;vertical-align:bottom;"&gt;Tick when&lt;br/&gt;                        care starts&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td width="90" class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
          &lt;td &gt;&amp;#160;&lt;/td&gt;
          &lt;td width="80" class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
          &lt;td &gt;&amp;#160;&lt;/td&gt;
          &lt;td width="40" class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;
          &lt;td  width="5"&gt;:&lt;/td&gt;
          &lt;td width="40" class="tableContainerRow2"&gt;&amp;#160;&lt;/td&gt;        
          &lt;td &gt;&amp;#160;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>