Using Outlook Bulletproof Background Images
Hello,
We are having some issues in our office with Outlook 2013 and above with rendering our background images correctly. Attached is how the image is showing up. Below is the code. Does anyone know why the image would render like that, even with the outlook conditional code?

<tr>
<td valign="top" align="center"><table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="width:600px;" class="em_wrapper">
<tr>
<td valign="top" align="center" background="https://cdn2.hubspot.net/hubfs/4266504/Scrip%20Design/600x229_aaa_rebare_header_box.jpg" style="background:url(https://cdn2.hubspot.net/hubfs/4266504/Scrip%20Design/600x229_aaa_rebare_header_box.jpg); background-repeat:no-repeat; height:229px; background-color:#c7c6c6;" height="229" class="em_bg" ><!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:229px;">
<v:fill type="tile" src="https://cdn2.hubspot.net/hubfs/4266504/Scrip%20Design/600x229_aaa_rebare_header_box.jpg" color="#c7c6c6" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table width="580" border="0" cellspacing="0" cellpadding="0" align="center" style="width:580px;" class="em_wrapper">
<tr>
<td height="55" class="em_h150" style="height:55px;"> </td>
</tr>
<tr>
<td valign="top" align="center"><table width="580" border="0" cellspacing="0" cellpadding="0" align="center" style="width:580px;" class="em_wrapper">
<tr>
<td width="5" style="width:5px;" class="em_hide"> </td>
<td valign="top" align="center"><table width="540" border="0" cellspacing="0" cellpadding="0" align="center" style="width:540px;" class="em_wrapper">
<tr>
<td valign="top" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="em_opacity em_250">
<tr>
<td valign="top" align="left" style="font-family: 'Roboto', Arial, sans-serif; font-size:28px; line-height:31px; font-weight:600; color:#00529b;" class="em_f25 em_center">Earn <font color="#ed1b2d">AAA Rebates</font color> on<Br>back-to-school shopping!</td>
</tr>
<tr>
<td height="3" style="line-height:1px;font-size:1px;" class="em_hide"><img src="images/spacer.gif" width="1" height="1" alt="" style="display:block;" border="0"/></td>
</tr>
<tr>
<td valign="top" align="left" style="font-family: 'Roboto', Arial, sans-serif; font-size:22px; line-height:23px; font-weight:300; color:#000000;" class="em_f19 em_center">At more than 375 retailers</td>
</tr>
<tr>
<td height="7" style="line-height:1px;font-size:1px;" class="em_hide"><img src="images/spacer.gif" width="1" height="1" alt="" style="display:block;" border="0"/></td>
</tr>
<tr>
<td valign="top" align="left"><table width="17" border="0" cellspacing="0" cellpadding="0" align="left" style="" class="em_wrapper">
<tr>
<td valign="top" align="center" class="em_pad_bottom"><table width="175" border="0" cellspacing="0" cellpadding="0" align="center" style="width:175px;" bgcolor="#ed1b2d">
<tr>
<td valign="middle" align="center" height="26" style="font-family: 'Roboto', Arial, sans-serif; font-size:14px; color:#ffffff; text-transform:uppercase; font-weight:bold;"><a href="https://westerncentralny.aaa.com/discounts/everyday-rebates?zip=14233&utm_campaign=Scrip&utm_source=email&utm_medium=email&utm_content=BackToSchool" target="_blank" style="text-decoration:none; color:#ffffff; display:block; line-height:26px;">SHOP E-GIFTS NOW</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" style="line-height:1px;font-size:1px;" class="em_height"> </td>
</tr>
</table>
<!--[if gte mso 9]>
/v:textbox
/v:rect
<![endif]--></td>
</tr>
</table></td>
</tr>
It's a little hard to parse the code above in this format, but looks like you might be encountering some of the DPI scaling problems common to Outlook 2013 (and other versions). Have a look through this article by Courtney Fantinato, Correcting Outlook DPI Scaling Issues, which provides some pretty clear steps to take to help resolve VML issues and generally make your backgrounds more bulletproof.
One thing to try right off the bat, would be changing
type="tile"
totype="frame"
on thev:fill
element.If possible, you should put your full email into Builder and share that link here so others can help troubleshoot.