title: 100% width tables don't work in Gmail Android
body: <p>I'm trying to build a responsive email – it's actually working pretty great across the board, except for some small pieces that aren't co-operating in Gmail for Android.</p>
  
  <p>I have these seriously simple black stripes that sit at the top of the email as a decorative element:</p>
  
  <pre><code>&lt;table width="100%" cellpadding="0" cellspacing="0" align="center" valign="top"&gt;
      &lt;tr&gt;&lt;td width="100%" height="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td width="100%" height="2" bgcolor="#FFFFFF"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td width="100%" height="1" bgcolor="#000000"&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td width="100%" height="30" bgcolor="#FFFFFF"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Yet they don't display as anything more than a tiny strip of black and white that resembles an ultra-thin exclamation point on the Gmail Android app.</p>
  
  <p>Likewise, there is a footer that isn't spanning the full width of the email:</p>
  
  <pre><code>&lt;table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000"&gt;
      &lt;tr&gt;
          &lt;td&gt;
  
          &lt;table width="650" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000"&gt;
              &lt;tr&gt;
                  &lt;td align="right" class="footer"&gt;
                      &lt;img src="images/footer.png" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Any suggestions on how to make these span the full width of the email?</p>