Hi there,

I have use the bulletproof background images tool, (https://backgrounds.cm/) and although the background image is working correctly in other email software, I seem to be having a problem with Outlook 2016. As you can see from the image link below, the image is being split in half down the middle. Also, my 2nd problem is that the black line at the bottom is being added, it looks like something is causing the height to push down.

http://www.naturalspafactory.com/media/email/vml.png

Here's some of the code:

<table class="abandoned-background" cellpadding="0" cellspacing="0" border="0" height="400" width="100%" bgcolor="#090909" align="center" valign="top" background="http://www.naturalspafactory.com/media/email/Bags-Page.jpg" style="mso-table-rspace:0pt;mso-table-lspace:0pt;text-align:center;mso-line-height-rule:exactly;height:400px;background-size: cover;">
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:400px;mso-position-horizontal:center;padding:0px; margin:0px;font-size:0px;display:block;background-size:cover;">
        <v:fill type="tile" src="http://www.naturalspafactory.com/media/email/Bags-Page.jpg" color="#090909" position="0.5,0"/>
        <v:textbox inset="0,0,0,0" style="v-text-anchor:bottom;mso-fit-shape-to-text:true;">
      <![endif]-->
    <tr>
        <td class="image-background" align="center" style="background: url('http://naturalspafactory.com/media/email/pattern.png') 0 0 repeat">
            <table class="container-table" cellpadding="0" cellspacing="0" border="0" align="center">
                <tr>
                    <td class="separator-50" height="50">&nbsp;</td>
                </tr>
                <!-- Start Three Column -->            
                <tr>
                    <td>
                        <table class="container-table" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td class="center" align="center">
                                    <a href="{{store url=""}}">
                                        <img style="display: block; margin: 0 auto;" width="246" height="65" src="http://naturalspafactory.com/media/email/nsf-logo.png" />
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <!-- Start Three Column -->
                <tr>
                    <td class="separator-30" height="30">&nbsp;</td>
                </tr>
                <tr>
                    <td class="colored-heading" align="center" height="28">
                        <div style="line-height: 28px; font-family:sans-serif,'Open Sans';">OOOPS! YOU'VE LEFT YOUR BAGS AT THE TILL</div>
                    </td>
                </tr>
                <tr>
                    <td class="separator-30" height="30">&nbsp;</td>
                </tr>
                <tr>
                    <td class="sub-heading" align="center" height="24">
                        <div style="line-height: 24px; padding:0 19px;">Don't worry, your bags are safe! If you would like to continue where you left off, then please click below.</div>
                    </td>
                </tr>
                <tr>
                    <td class="separator-30" height="30">&nbsp;</td>
                </tr>
                <tr>
                    <td align="center">
                        <table align="center" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="button" align="center" valign="middle" height="48" width="200">
                                    <a href="{{var url_resume}}">COMPLETE MY ORDER</a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="separator-10" height="10">&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
      <!--[if gte mso 9]>
        </v:textbox>
      </v:rect>
      <![endif]-->
</table>