I recently started to notice a quirk in gmail where it's adding 1px of padding around my TDs.
I have a reset in my style tag which in the past I beleive has been working.

  • table td {border-collapse:collapse; border-spacing:0px; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0px none; padding:0;}

I've started noticing the padding on a few of my emails and when I inspect the element with chrome's dev panel, it shows the 1px padding, but doens't show any source for it.

I was able to get around it by just adding an inline style padding:0; to the tds, but I was wondering if anyone has been able to find the source of this extra padding and/or has been able to override it without inlining padding:0; over and over.

Edit: Code and Screenshot

http://imgur.com/a/Nb3UV


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SICOM Customer Advisory Board - </title>

<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="x-apple-disable-message-reformatting">

    <style type="text/css">
        /* Some resets and issue fixes */
        #outlook a { padding:0; }
        html, body {margin: 0;padding: 0;border: 0;outline: 0;}
        body{ width:100% !important; -webkit-text; size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; -ms-text-size-adjust:100%;}     
        .ReadMsgBody { width: 100%; }
        .ExternalClass {width:100%;} 
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
        .backgroundTable {margin:0 auto; padding:0; width:100% !important;} 
        table td {border-collapse: collapse; border-spacing: 0px; mso-table-lspace:0pt; mso-table-rspace:0pt;border: 0px none;padding: 0;}
        img{ border:0 none; height:auto;line-height:100%;outline:none;text-decoration:none;}
        .ExternalClass * {line-height: 115%;}           
        /* End reset*/
    </style>

<style type="text/css">
    /* WEB FONTS */
    @media screen {
    /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }

        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
        }
    }
</style>

<style type="text/css">
    @media screen and (max-width: 600px) {

    .M100percent{width: 100% !important;}
    .M90percent{width: 90% !important;}
    .M80percent{width: 80% !important;}
    .M70percent{width: 70% !important;}
    .M60percent{width: 60% !important;}
    .M50percent{width: 50% !important;}
    .M40percent{width: 40% !important;}
    .M30percent{width: 30% !important;}
    .M20percent{width: 20% !important;}
    .M10percent{width: 10% !important;}
    .M10percent{width: 5% !important;}

    .MpadRL5p{padding-right: 5% !important;padding-left: 5% !important;}
    .MpadRL10{padding-right: 10px !important;padding-left: 10px !important;}
    .MpadRL20{padding-right: 20px !important;padding-left: 20px !important;}
    .MpadRL30{padding-right: 30px !important;padding-left: 30px !important;}
    .MpadRL40{padding-right: 40px !important;padding-left: 40px !important;}
    .MpadRL50{padding-right: 50px !important;padding-left: 50px !important;}
    .MpadRL60{padding-right: 60px !important;padding-left: 60px !important;}
    .MpadRL70{padding-right: 70px !important;padding-left: 70px !important;}
    .MpadRL80{padding-right: 80px !important;padding-left: 80px !important;}
    .MpadRL90{padding-right: 90px !important;padding-left: 90px !important;}
    .MpadRL100{padding-right: 100px !important;padding-left: 100px !important;}

    .MpadT10{padding-top: 10px !important;}
    .MpadT20{padding-top: 20px !important;}
    .MpadT30{padding-top: 30px !important;}
    .MpadT40{padding-top: 40px !important;}
    .MpadT50{padding-top: 50px !important;}

    .MpadB10{padding-bottom: 10px !important;}
    .MpadB20{padding-bottom: 20px !important;}
    .MpadB30{padding-bottom: 30px !important;}
    .MpadB40{padding-bottom: 40px !important;}
    .MpadB50{padding-bottom: 50px !important;}


    .responsive-image {height: auto;width: 100% !important;}

    .Mcenter{text-align: center !important;}
    .MheightAuto{height:auto !important;}
}

.btn:hover, .btn:active{
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

</style>

<!--[if mso]>
<style type=”text/css”>
    td{
    font-family: Helvetica, Arial, sans-serif !important;
    }
</style>
<![endif]-->
</head>

<body>

<table align="center" cellspacing="0" cellspacing="0" width="600" style="width:600px; background-color: #fafafa;" class="M100percent"> <!--Main Shell Table-->
    <tr>
        <td style="background-color: #002454; background: #002454 url(http://marketing.sicom.com/l/210092/2017-05-08/4bq8q/210092/26629/hero_bg.jpg) center/cover; background-image: url(http://marketing.sicom.com/l/210092/2017-05-08/4bq8q/210092/26629/hero_bg.jpg);padding:0;" bgcolor="#002454" height="300" valign="bottom">
            <!--[if mso]>
            <table align="center" cellspacing="0" cellspacing="0" width="600" style="width:600px">
                        <tr>
                            <td style="text-align:center;">
                                    <img src="http://marketing.sicom.com/l/210092/2017-05-08/4bqc2/210092/26633/CAB_hero_mso.jpg" width="600" height="308" border="0" alt="You have been selected as a member of the SICOM Customer Advisory Board" />
                            </td>
                        </tr>
            </table>
            <![endif]-->
            <table align="center" cellspacing="0" cellspacing="0" width="600" style="width:600px;mso-hide:all;" class="M100percent">
                <tr>
                    <td style="text-align: center;padding-top:35px;">
                        <img src="http://marketing.sicom.com/l/210092/2017-05-08/4bq8s/210092/26631/SICOM_Bug.png" width="96" height="60" border="0" alt="SICOM" />
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:25px;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:lighter; font-size:32px; line-height:26px; color:#ffffff;text-align: center;" class="MpadRL70">
                        Welcome to the
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:13px;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:bold; font-size:32px; line-height:36px; color:#ffffff;text-align: center;" class="MpadRL30">
                        XXXXXX Customer Advisory Board
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:35px;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; line-height:16px; color:#ffffff;text-align: center;padding-bottom:35px;" class="MpadRL5p">
                        Join us May XX-XX at Hotel.
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td valign="bottom">
            <table align="center" cellspacing="0" cellspacing="0" width="600" style="width:600px" class="M100percent">
                <tr>
                    <td style="background-color:#000322; color:#000322;width:30px;" valign="bottom" class="M5percent">
                        &nbsp;
                    </td>
                    <td style="background-color:#ffffff;color:#ffffff;width:540px;" valign="bottom" class="M90percent">
                        &nbsp;
                    </td>
                    <td style="background-color:#595f73;color:#595f73;width:30px;" valign="bottom" class="M5percent">
                        &nbsp;
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td style=""> 
            <table align="center" cellspacing="0" cellspacing="0" width="540" style="width:540px; background-color: #ffffff;" class="M90percent">
                <tr>
                    <td style="padding-top:25px;padding-left:20px;padding-right: 20px;padding-bottom: 45px;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:normal; font-size:15px; line-height:22px; color:#414042;text-align: center;">
                        <span style="font-weight:bold;">We are pleased to invite you to participate in the XXXXX Customer Advisory Board.</span> As a highly selective group of insightful franchisees, the XXXXX Customer Advisory Board is instrumental in driving the quality of our support and the functionality of our products forward. 
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center; background-color:#fafafa; padding-bottom:20px;">
                        <img src="http://marketing.sicom.com/l/210092/2017-05-08/4bq8l/210092/26625/Shadow.png" width="540" height="15" alt="shadow" class="M100percent" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>


    <tr>
        <td style="padding-top:25px;padding-left:80px;padding-right:80px;padding-bottom: 45px;
                    font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:bold; font-size:18px; line-height:22px; color:#002454;text-align: center;" class="MpadRL5p">
            We look forward to seeing you. Thank you in advance for sharing your time and valuable insights!
        </td>
    </tr>

    <tr>
        <td style="background-color:#002454; text-align: center; padding-top:20px; padding-bottom:20px;">
            <img src="http://marketing.sicom.com/l/210092/2017-05-08/4bq8s/210092/26631/SICOM_Bug.png" width="60" width="45" border="0" />
        </td>
    </tr>

    <!-- Footer -->
    <tr>
        <td style="">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="M100percent Mcenter MpadRL20" width="600">
            <tbody>
                <tr>
                    <td align="center" style="padding-top:20px; padding-bottom:20px; 
    font-family: Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:normal; color:#666666; padding-top:15px; padding-bottom:15px;" valign="top" class="MpadRL20">If you prefer not to receive emails from SICOM, you may <a href="%%unsubscribe%%">unsubscribe</a></td>
                </tr>
            </tbody>
        </table>
        </td>
    </tr>

</table>

</body>

</html>