title: HTML - in Firefox tables are displayed aligned left
body: <p>I created a responsive HTML-newsletter. All images are wrapped in a table. On a small display I want the tables to be upon eachother. On wider displays tables shall be displayed in a row. It works fine in Chrome but not in Firefox. Below I pasted the whole HTML, I wanted to create a fiddle, but in a fiddle it works fine, very confusing.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt; 
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;float image&lt;/title&gt;
  &lt;style type="text/css"&gt;
  
  
  
    table {border-collapse: collapse;}
    td {font-family: arial, sans-serif; color: #333333;}
  
    @media only screen and (max-width: 620px) {
          body,table,td,p,a,li,blockquote {
            -webkit-text-size-adjust:none !important;
          }
          table {width: 100% !important;}
  
          td[class="scale_img"] img{
  
            height: auto !important;
            max-width: 400px !important;
            width: 100% !important;
          }
      }
    }
   &lt;/style&gt;
  &lt;/head&gt;
  &lt;body style="margin:0; padding:10px 0;" bgcolor="#ededed" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  &lt;table border="0" cellpadding="0" cellspacing="0" bgcolor="#ebebeb" width="100%"&gt;
      &lt;tbody&gt;
  
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;table border="0" cellpadding="0" cellspacing="0" align="center" width="600" bgcolor="#FFFFFF"&gt;         
                      &lt;tbody&gt;
  
                          &lt;tr&gt;
                              &lt;td&gt;
                                  &lt;table border="0" cellpadding="0" cellspacing="0" align="left" width="32%"&gt;
                                      &lt;tbody&gt;
                                          &lt;tr&gt;
                                              &lt;td style="padding: 0 18px 0 18px;" align="center" class="scale_img"&gt;
  
  
                                                  &lt;img src="http://projector.buyingguide.com.au/images/225_on_16_9.jpg" width="160" alt=""&gt;
  
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/tbody&gt;
                                  &lt;/table&gt;
                                  &lt;table border="0" cellpadding="0" cellspacing="0" align="left" width="32%"&gt;
                                      &lt;tbody&gt;
                                          &lt;tr&gt;
                                              &lt;td style="padding: 0 18px 0 18px;" align="center" class="scale_img"&gt;
  
                                                  &lt;img src="http://projector.buyingguide.com.au/images/225_on_16_9.jpg" width="160" alt=""&gt;
  
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/tbody&gt;
                                  &lt;/table&gt;
                                  &lt;table border="0" cellpadding="0" cellspacing="0" align="left" width="32%"&gt;
                                      &lt;tbody&gt;
                                          &lt;tr&gt;
                                              &lt;td style="padding: 0 18px 0 18px;" align="center" class="scale_img"&gt;
  
                                                  &lt;img src="http://projector.buyingguide.com.au/images/225_on_16_9.jpg" width="160" alt=""&gt;
  
                                              &lt;/td&gt;
                                          &lt;/tr&gt;
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
  
                                          &lt;tr&gt;
                                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                                          &lt;/tr&gt;
                                      &lt;/tbody&gt;
                                  &lt;/table&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td style="font-size: 0; line-height: 0;" height="20"&gt; &lt;/td&gt;
                          &lt;/tr&gt;
  
  
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>
  </p>