title: How do I prevent a <td> from being too high?
body: <p>It must be something stupid, but I can't figure it out so far...</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;table cellspacing="0" cellpadding="0" border="0"&gt;
  &lt;tr&gt;
      &lt;td style="height: 8px"&gt;&lt;img src="/media/note2.png" width="8" height="8" border="0"&gt;&lt;/td&gt;
      &lt;td style="height: 8px"&gt;&lt;/td&gt;
      &lt;td style="height: 8px"&gt;&lt;img src="/media/note1.png" width="8" height="8" border="0"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td class="NoteCell"&gt;&lt;/td&gt;
      &lt;td class="NoteCell"&gt;{{ text }}&lt;/td&gt;
      &lt;td class="NoteCell"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="height: 8px"&gt;&lt;img src="/media/note4.png" width="8" height="8" border="0"&gt;&lt;/td&gt;
      &lt;td style="height: 8px"&gt;&lt;/td&gt;
      &lt;td style="height: 8px"&gt;&lt;img src="/media/note3.png" width="8" height="8" border="0"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>I'm expecting the first and third rows to have a height of 8 pixels, but for some reason they are much higher (as if there was text inside, but there is no text!)</p>
  
  <p>Puzzled... Any help will be appreciated!</p>