title: How to set td height to 0px in a table?
body: <p>I have an HTML table containing a few rows (this is built dynamically). All <code>&lt;tr&gt;</code>s have one <code>&lt;td&gt;</code> inside.</p>
  
  <p>If one <code>&lt;td&gt;</code> doesn’t have HTML content inside, I would like it to be invisible.</p>
  
  <p>How can this be done? (Not that the HTML inside is rendered dynamically and I do not want to use <code>display:none</code> or any other property on the <code>&lt;td&gt;</code> or <code>&lt;tr&gt;</code>).</p>
  
  <p>Code sample:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body bgcolor="#E6E6FA"&gt;
          &lt;table cellSpacing="0" cellPadding="0"&gt;
              &lt;tr&gt;
                  &lt;td&gt;one cell&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td bgcolor="#FF0000"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;two cell&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In Firefox the empty TD is invisible. However, in IE the TD takes up 1 pixel in height:</p>
  
  <p><img src="https://i.stack.imgur.com/HBHVW.jpg" alt="enter image description here"></p>
  
  <p>Looking with DOM Inspector I see that it takes 1 pixel:</p>
  
  <p><img src="https://i.stack.imgur.com/lTplo.jpg" alt="enter image description here"></p>
  
  <p>How can I set the TD not to be visible? Any scripts I can execute inside the TD?</p>