Hi, I'm finalizing a template that is supposed to go live soon. Created a bunch of modules that work with the contraints given. The main one being a 600 width template with a wide border (which I thought 60px was fairly pleasing). In Mobile the border goes away and the email is set to max width.

I've tested it fairly thoroughly. On iOS and Gmail the border disappears and works perfectly on Mobile. However on Yahoo and Office Mobile, the email is rendered mobile but the border is still there, and my CSS tag doesn't seem to work, which makes everything seem rather squished inside. See code below:

<div style="max-width:720px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>

<td style="padding: 60px; background-color: #1a374e;" class="backgroundmobile">

With the CSS tag for the mobile background being

.backgroundmobile { padding: 0px !important; background-color: transparent !important; }

Has anyone else encountered something similar? Are there any specific calls I can make to Yahoo or Outlook Mobile that would allow me to render that padding inert (so it doesn't show up)?