title: HTML table setting td height wont work
body: <p>I have a problem with Internet Explorer 9 and fixed height of a <code>td</code> </p>
  
  <p>I need a <code>td</code> with <code>5px</code> height but in <strong>IE9</strong> its bigger than <code>5px</code>.</p>
  
  <p>In Chrome, Firefox and Safari it works </p>
  
  <p>I tried with a <strong>transparent 1px gif</strong> to insert in the <code>td</code>, I set the <code>font-size: 0px; line-height: 0px</code> and it still won't work.</p>
  
  <p>My test code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;style&gt;
      .space{
          height: 5px;
          width: 5px;
          font-size: 0px;
          line-height: 0px;
          background: none;
      }
  
      table{
          border-spacing: 0px;
          table-layout: fixed;
  
      }
  
      td{
          background-color: red;
      }
  
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;table cellpadding="0" cellspacing="0" style="width: 1200px;"&gt;
          &lt;tr &gt;
              &lt;td rowspan="5"&gt; test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt; &lt;/td&gt;
              &lt;td rowspan="5" class="space"&gt; &lt;/td&gt;
              &lt;td rowspan="5"&gt; test2&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt;test1&lt;br&gt; &lt;/td&gt;
              &lt;td rowspan="5" class="space"&gt; &lt;/td&gt;
              &lt;td&gt; test3&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td class="space"&gt; spacer&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt; test 5&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td class="space"&gt; spacer&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt; test 5&lt;/td&gt;
          &lt;/tr&gt;
    &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have two images:</p>
  
  <p><strong>Chrome (working):</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/HPLb5.png" alt="chrome(working)"></p>
  
  <p><strong>IE9</strong>:</p>
  
  <p><img src="https://i.stack.imgur.com/7Lyo0.png" alt="ie9"></p>