title: How do I remove the white margins along the sides of my HTML email?
body: <p>This is the issue I'm having right now. There are these margins along the left and right sides of my HTML email as seen here in Mac mail (also visible in Gmail and Thunderbird): <a href="http://cl.ly/image/3j133f393Y3M/Screen%20Shot%202013-06-26%20at%201.22.04%20AM.png" rel="nofollow">http://cl.ly/image/3j133f393Y3M/Screen%20Shot%202013-06-26%20at%201.22.04%20AM.png</a></p>
  
  <p>What I'm aiming for is a full-width background like this: <a href="http://cl.ly/image/1205093I1m34/Screen%20Shot%202013-06-26%20at%201.22.47%20AM.png" rel="nofollow">http://cl.ly/image/1205093I1m34/Screen%20Shot%202013-06-26%20at%201.22.47%20AM.png</a></p>
  
  <p>My background's width already seems to be set to 100% according to the code:</p>
  
  <pre><code>&lt;html&gt;
         &lt;title&gt;AASU VCU&lt;/title&gt;
         &lt;body style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family: Helvetica, Arial, san-serif; background-color:#fff" bgcolor="#000"&gt;
         &lt;/body&gt;
  
      &lt;table bgcolor="#b2151b" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px;width:100%;margin:0;padding:0"&gt;
      &lt;table cellpadding="0" cellspacing="0" width="100%" bgcolor="#b2151b" style="padding:0 40px; color:#fff"; font-family="Helvetica,Arial,san-serif"; font-size:"16px"; line-height="25px"; table-layout="fixed"&gt;
  
      &lt;tbody&gt;
         &lt;tr&gt;
            &lt;td bgcolor="#b2151b" width="450" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px"&gt;
            &lt;br&gt;
            &lt;br&gt;
      &lt;table cellpadding="0" cellspacing="0" width="450" bgcolor="#b2151b" border="0" rules="none" frame="border" align="center" style="color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:16px;line-height:26px; border-width:0px 0px 0px 0px; background-color:#b2151b" &gt;
  
      &lt;tbody&gt;
         &lt;tr&gt;
            &lt;td width="450" valign="top" bgcolor="#b2151b" style="color:#a7abb1;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px"&gt;
      &lt;a style="border:none!important;color:#ffffff;text-decoration:none;border-bottom:1px solid #666"&gt;&lt;img src="http://f.cl.ly/items/3M3W1U0W1o1P1s3u1Q0C/White_transparent.png" alt="AASU VCU" style="border:none"&gt;&lt;/a&gt; 
          &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>I tested the code in a browser and the background appears to succeed in stretching to the full width no matter how much or less I resize it. It's only in the mail client(s) that I see these margins. What am I missing?</p>