Hello,

I have created an email where I have an outter table with 20px padding on the left and right assigned. For some reason, the padding only shows on the item that has the image in it. I have broken them into modules and there is no difference in the structure of the surrounding tables (Wrapping Table) only difference is one has an image and the other has text.

Image of padding issue
        <!--
    **********      MODULE - HEADER         **********
    -->

    <!-- SECTION WRAPPING TABLE - 100% Width-->
    <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" class="" style="" data-module="header" bg-color="sectionBackgroundColor" bgcolor="#4A4A4A">
        <tbody>
            <tr>
                <td align="center">
                    <!-- HEADER WRAPPING TABLE - .viewportWrapper -->
                    <table cellpadding="0" cellspacing="0" border="0" align="center" class="viewportWrapper" width="600" bgcolor="#FFFFFF" style="padding-top:20px;padding-right:20px;padding-bottom:0px;padding-left:20px;">
                        <tbody>
                            <tr>
                                <td>
                                    <!-- TOP IMAGE FOR HEADER -->
                                    <img src="http://placehold.it/600x100" style="width:100%;"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>


    <!--
    **********      MODULE - SINGLE COLUMN      **********
    -->

    <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" class="" style="" data-module="columnOne" bg-color="sectionBackgroundColor" bgcolor="#4A4A4A">
        <tbody>
            <tr>
                <td align="center">
                    <!-- HEADER WRAPPING TABLE - .viewportWrapper -->
                    <table cellpadding="0" cellspacing="0" border="0" align="center" class="viewportWrapper" width="600" bgcolor="#FFFFFF" style="padding-top:0;padding-right:20px;padding-bottom:0px;padding-left:20px;">
                        <tbody>
                            <tr>
                                <td bgcolor="#E6E6E6" style="padding:10px">


                                                <h2>Something Powerful</h2>
                                                <h3>Tell The Reader More</h3>
                                                <p>The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.</p>
                                                <p>Remember:</p>
                                                <ul>
                                                    <li>Bullets are great</li>
                                                    <li>For spelling out <a href="#">benefits</a> and</li>
                                                    <li>Turning visitors into leads.</li>
                                                </ul>



                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>