title: How do I remove the white space above my images in an HTML email?
body: <p>I have searched the web and this sight and tried every possible solution and still can't figure out why Outlook 2007-2013 is creating a white strip above my images. </p>
  
  <p>Here is a link to the full email: <a href="http://www3.districtadministration.com/mailing/Templates/da-webinar-archives.html" rel="nofollow noreferrer">http://www3.districtadministration.com/mailing/Templates/da-webinar-archives.html</a></p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;table id="webinars" cellpadding="0" cellspacing="0" width="100%" style="border:1px solid #e6e6e6;"&gt;
      &lt;tr style="background-color:#f2f2f2;border-bottom:#e6e6e6;"&gt;
          &lt;td class="items" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#333333;line-height:20px;padding:10px;"&gt;
          &lt;a href="[WEBINAR TITLE #1]" target="_blank" style="color:#333333;"&gt;&lt;strong&gt;Enter webinar title here&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
          Sponsored by add sponsor
          &lt;/td&gt;
  
          &lt;td width="145" align="left" class="watchnow" style="padding-left:10px;"&gt;&lt;a href="[WEBINAR TITLE #1]" target="_blank"&gt;&lt;img src="http://www3.districtadministration.com/mailing/webinar13/images/btn_watchnow.jpg" alt="[button] Watch Now" width="125" height="35" border="0" /&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr style="border-bottom:#e6e6e6;"&gt;
          &lt;td class="items" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#333333;line-height:20px;padding:10px;"&gt;
          &lt;a href="[WEBINAR TITLE #2]" target="_blank" style="color:#333333;"&gt;&lt;strong&gt;Enter webinar title here&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
          Sponsored by add sponsor
          &lt;/td&gt;
  
          &lt;td width="145" align="left" class="watchnow" style="padding-left:10px;"&gt;&lt;a href="[WEBINAR TITLE #2]" target="_blank"&gt;&lt;img src="http://www3.districtadministration.com/mailing/webinar13/images/btn_watchnow.jpg" alt="[button] Watch Now" width="125" height="35" border="0" /&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr style="background-color:#f2f2f2;border-bottom:#e6e6e6;"&gt;
          &lt;td class="items" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#333333;line-height:20px;padding:10px;"&gt;
          &lt;a href="[WEBINAR TITLE #3]" target="_blank" style="color:#333333;"&gt;&lt;strong&gt;Enter webinar title here&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
          Sponsored by add sponsor
          &lt;/td&gt;
  
          &lt;td width="145" align="left" class="watchnow" style="padding-left:10px;"&gt;&lt;a href="[WEBINAR TITLE #3]" target="_blank"&gt;&lt;img src="http://www3.districtadministration.com/mailing/webinar13/images/btn_watchnow.jpg" alt="[button] Watch Now" width="125" height="35" border="0" /&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr style="border-bottom:#e6e6e6;"&gt;
          &lt;td class="items" style="font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#333333;line-height:20px;padding:10px;"&gt;
          &lt;a href="[WEBINAR TITLE #4]" target="_blank" style="color:#333333;"&gt;&lt;strong&gt;Enter webinar title here&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
          Sponsored by add sponsor
          &lt;/td&gt;
  
          &lt;td width="145" align="left" class="watchnow" style="padding-left:10px;"&gt;&lt;a href="[WEBINAR TITLE #4]" target="_blank"&gt;&lt;img src="http://www3.districtadministration.com/mailing/webinar13/images/btn_watchnow.jpg" alt="[button] Watch Now" width="125" height="35" border="0" /&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>