Hey guys. So I'm developing a new "era" of mailers in the company I work for and trying full bleed designs and content that is still locked to the 600 "grid" however come across some issues with the grid it's self in 2007+


As you can see somehow it's rendering a 20px margin either side. The structure of these "inner tables" are as follows.

>         <tbody class="justify top grey grey-inner no-padding ui-sortable-handle">
>             <tr>
>                 <td align="center" valign="top" width="auto">
>                     <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ef82b3" class="backgroundcolor" style="table-layout:fixed;background:#e0e0e0;">
>                         <tbody>
>                             <tr>
>                                 <td align="center" valign="top" width="auto" class="padder" style="padding: 0px 0px 0px 0px;">
>                                     <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:auto;table-layout:fixed;">
>                                         <thead>
>                                             <tr>
>                                                 <td align="left" valign="top" width="580" style="padding:10px 10px 10px 10px;text-align:justify;vertical-align:top;background:#e0e0e0;" class="cell">
>                                                     <div class="line-height" style="line-height: 18px;"> <span class="main-text" style="color:#000001;font-family:Arial, sans-serif;font-size:14px;line-height:18px;font-weight:normal;text-decoration:none;text-transform:none;font-style:normal;">  Body content...   </span> 
>                                                     </div>
>                                                 </td>
>                                             </tr>
>                                         </thead>
>                                     </table>
>                                 </td>
>                             </tr>
>                         </tbody>
>                     </table>
>                 </td>
>             </tr>
>         </tbody> 

Could be something to do with the tbody inheriting some padding from somewhere? Not too sure though!