title: How to eliminate white space in table row?
body: <p>I have a table with an image in the middle of it. But there is a small sliver of white space between the bottom of the image and the rest of the table rows. How do I get rid of that white space?</p>
  
  <p>Code:  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US" prefix="og: http://ogp.me/ns#"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;
                                      &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                                          &lt;tr&gt;
                                              &lt;td width="21"&gt;&amp;nbsp;&lt;/td&gt;
                                              &lt;td&gt;
                                                  &lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
                                                      &lt;tr&gt;
                                                          &lt;td height="17" width="204" valign="top" bgcolor="#971502" background="http://quarterpoker.com/images/welcome_email/content-bg.jpg" style="border: solid 1px #d3594e; 
                      -webkit-border-top-left-radius: 8px;
                      -khtml-border-radius-topleft: 8px;  
                      -moz-border-radius-topleft: 8px;
                      border-top-left-radius: 8px;
                      -webkit-border-top-right-radius: 8px;
                      -khtml-border-radius-topright: 8px; 
                      -moz-border-radius-topright: 8px;
                      border-top-right-radius: 8px;
                      border-bottom: none;"&gt; &lt;/td&gt;
                                                      &lt;/tr&gt;
                                                  &lt;/table&gt;
                                              &lt;/td&gt;
                                              &lt;td width="19"&gt;&amp;nbsp;&lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/table&gt;
                                      &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                                          &lt;tr&gt;
                                              &lt;td height="38" align="center"&gt;
                                                  &lt;table width="170" border="0" cellspacing="0" cellpadding="0"&gt;
                                                      &lt;tr&gt;
                                                          &lt;td valign="top" height="38"&gt;
                                                              &lt;img src="http://quarterpoker.com/images/welcome_email/ribbon.jpg"/&gt;
                                                          &lt;/td&gt;
                                                      &lt;/tr&gt;
                                                  &lt;/table&gt;
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/table&gt;
                                      &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                                          &lt;tr&gt;
                                              &lt;td width="20"&gt;&amp;nbsp;&lt;/td&gt;
                                              &lt;td&gt;
                                                  &lt;table width="100%" border="0" cellpadding="20" cellspacing="0"&gt;
                                                      &lt;tr&gt;
                                                          &lt;td width="204" valign="top" bgcolor="#971502" background="http://quarterpoker.com/images/welcome_email/content-bg.jpg" style="margin-top: -5px;border: solid 1px #d3594e; 
                      -webkit-border-bottom-left-radius: 8px;
                      -khtml-border-radius-bottomleft: 8px;   
                      -moz-border-radius-bottomleft: 8px;
                      border-bottom-left-radius: 8px;
                      -webkit-border-bottom-right-radius: 8px;
                      -khtml-border-radius-bottomright: 8px;  
                      -moz-border-radius-bottomright: 8px;
                      border-bottom-right-radius: 8px;
                      border-top: none;"&gt;
                                                             &lt;repeater&gt;
                                                                  &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                                                                      &lt;tr&gt;
                                                                          &lt;td class="side"&gt;
                                                                              &lt;p style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-top: 0px; margin-bottom: 12px; padding: 0px; color: #fff "&gt;To ensure you receive all of our email messages in your inbox and with images displayed, please add our email address to your contact list.&lt;/p&gt;
                                                                              &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                                                                                  &lt;tr&gt;
                                                                                      &lt;td valign="middle" height="30"&gt; &lt;img src="http://quarterpoker.com/images/welcome_email/line3.png" width="144" height="10" /&gt;&lt;/td&gt;
                                                                                  &lt;/tr&gt;
                                                                              &lt;/table&gt;
                                                                          &lt;/td&gt;
                                                                      &lt;/tr&gt;
                                                                  &lt;/table&gt;
                                                              &lt;/repeater&gt;
                                                              &lt;ul style="padding: 0; margin: 0; list-style: none;"&gt;
                                                              &lt;tableofcontents&gt;
                                                                  &lt;li&gt;&lt;repeatertitle /&gt;&lt;/li&gt;
                                                              &lt;/tableofcontents&gt;
                                                              &lt;/ul&gt;
                                                          &lt;/td&gt;
                                                      &lt;/tr&gt;
                                                  &lt;/table&gt;
                                              &lt;/td&gt;
                                              &lt;td width="19"&gt;&amp;nbsp;&lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/table&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
  
                          &lt;/body&gt;
                          &lt;/html&gt;
  </code></pre>
  
  <p>I have tried changing the height, deleting rows, nothing seems to work. Any help would be greatly appreciated!</p>