title: HTML Email displaying wrong on Firefox
body: <p>I just did an HTML email and it looks like this: </p>
  
  <p><img src="https://i.stack.imgur.com/1MnRL.png" alt="enter image description here"></p>
  
  <p>It looks good on Chrome and Safari but it looks like this on Firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/clO55.png" alt="enter image description here"></p>
  
  <p>Here is the code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="600"&gt;
          &lt;tr&gt;
              &lt;td colspan="5"&gt;
              &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/header.jpg" width="600" height="276" alt="Header"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr style="line-height: 1px;"&gt;
              &lt;td rowspan="6" valign="top" style="line-height: 1px;"&gt;
              &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/fondo1.jpg" width="115" height="474" alt="Fondo 1" align="top"&gt;
              &lt;/td&gt;
              &lt;td colspan="3" width="370" height="41" bgcolor="#ffffff"&gt;
              &lt;/td&gt;
              &lt;td rowspan="6" valign="top"&gt;
              &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/fondo2.jpg" width="115" height="474" alt="Fondo 2"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="3" width="370" height="58" bgcolor="#ffffff" align="center" style="padding-bottom:20px" &gt;
              &lt;span style="font-family:arial; font-size:17px; color:#005359"&gt;
              Tus datos ya están&lt;br /&gt;
              &lt;strong&gt;registrados&lt;/strong&gt;, 
              ahora estás un&lt;br /&gt; 
              paso más cerca de obtener
              &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td rowspan="2" width="33" height="172" bgcolor="#ffffff"&gt;
              &lt;/td&gt;
              &lt;td style="line-height: 1px;"&gt;
              &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/beca.jpg" width="302" height="56" alt="Beca del 100%" style="display:inline; border:0"&gt;
              &lt;/td&gt;
              &lt;td rowspan="2" width="35" height="172" bgcolor="#ffffff"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td width="302" height="100" bgcolor="#ffffff" align="center" valign="top" style="padding-top:15px"&gt;
              &lt;span style="font-family:arial; font-size:17px; color:#005359"&gt;para tu matrícula.
              &lt;/span&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="3" style="line-height: 1px;"&gt;
              &lt;a href="http://digitalmente.guru/index.php?action=form&amp;ced='.$data['num_doc'].'" target="_blank"&gt;
                  &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/boton.jpg" width="370" height="39" alt="Boton" style="display:inline; border:0"&gt;
              &lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="3" style="line-height: 1px;"&gt;
              &lt;img src="http://pruebascolor2.com/digitalmenteguru/emkt/contactanos.jpg" width="370" height="142" alt="Contactanos" style="display:inline; border:0"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Can someone help me fix it for Firefox? </p>