Hi All, this is my first post here. I am still a still a beginner when it comes to HTML and CSS, and as such I have encountered a problem trying to smash together https://backgrounds.cm/ and the Litmus Slate Newsletter template.

I incorporated the classes from the Slate template into the cell which uses the Bulletproof background. It works when I open it up on a browser and seems to work okay in some email browsers. But when I open it on Outlook the text expands larger then what the cells are in the rest of the template.

I am not sure what I have done wrong.

This is the code for the cell in question:

>        <tr>
>     <td align="center" background="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/spotty-tile5.png" bgcolor="#00a8b1" valign="top" class="section-padding">
>       <!--[if gte mso 9]>
>       <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
>       <tr>
>       <td align="center" valign="top" width="500">
>       <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
>         <v:fill type="tile" src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/spotty-tile5.png" color="#00a8b1" />
>         <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
>       <![endif]-->
>       <div>
>        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 500px;" class="responsive-table">
>                                         <tr>
>                                             <td align="center" style="font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-weight:bold; padding: 50px 15px 0px 15px;" class="padding">Did you know you can get 1000s more points by being signed up to our surveys?</td>
>                                         </tr>
> <tr>
>                                 <td align="center">
>                                     <!-- BULLETPROOF BUTTON -->
>                                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
>                                         <tr>
>                                             <td align="center" style="padding-top: 25px; padding-bottom:50px" class="padding">
>                                                 <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
>                                                     <tr>
>                                                       <td align="center" style="border-radius: 3px;" bgcolor="#b5e3e5"><a href="https://www.maximiles.co.uk/my-account/maximiles-surveys" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #00a8b1; text-decoration: none; color: #00a8b1; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #b5e3e5; display: inline-block;" class="mobile-button">Learn More &rarr;</a></td>
>                                                     </tr>
>                                                 </table>
>                                             </td>
>                                         </tr>
>                                     </table>
>                                 </td>
>                             </tr>
>                                     </table>
>       </div>
>       <!--[if gte mso 9]>
>         </v:textbox>
>       </v:rect>
>       </td>
>       </tr>
>       </table>
>       <![endif]-->
>     </td>
>   </tr>