I'm having trouble getting the bulletproof buttons to work perfectly in Outlook 2013. Testing in Litmus looked fine but when I started to do real testing in Outlook 2013 the background gets hidden or clipped until clicked upon when looking at the email in Outlook 2013 in the preview pane. One the email is opened in its own window it also looks fine. See the attached image and included code. Has anyone else seen this issue in Outlook and how have you addressed it?

![Carval Investor Meeting](http://inboxperfect.com/screenshot.png)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Save the Date: Investor Meeting 2016</title>
                    <style type="text/css">
                        @media only screen and (max-width: 480px){
                            table[id="canspamBar"] td{font-size:14px !important;}
                            table[id="canspamBar"] td a{display:block !important; margin-top:10px !important;}
                        }
                    </style>

    <style type="text/css">
    @media (max-width: 600px) {
    .container {
        width: 350!important;
        height: auto!important;
        ;
    }
    .hide {
        display: none;
    }
    .logo {
        width: 200px!important;
    }
    .details {
        background: none!important;
    }
    }
     @media (max-width: 600px) {
    .details {
        background: rgba(25%,25%,25%,.5)!important;
    }
    }
    @media (max-width: 400px) {
    .details {
        background: none!important;
    }
    }
    .iphonelinkswhite a{
        color:white!important;
        text-decoration: none;
    }
        </style>
    <!--[if gte mso 9]>
        <style type="text/css">
        td.container {
            width:400px!important;
            height:auto!important;
        }
        </style>
    <![endif]-->

        </head>

    <body style="margin:auto;padding:0">
    <p style="display:none;line-height:-10000px;color:white;size:0px;">xxxxxxxx, xxxxxx xxxxxx, xxxxx xxxxxxx xxxxxxx. xxxxxx, xxxxxxx 9, xxxx xxxxxx xxxxx, xxxxxx xx xxxx xxxx.</p>
    <center>
    <table>
      <tr>
          <td valign="top" background="http://www.inboxperfect.com/carval/20160527/background3.jpg" style="background:url('http://www.inboxperfect.com/carval/20160527/background3.jpg')" bgcolor="" width="600" height="600" class="container">
        <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:700px;">
        <v:fill type="tile" src="http://www.inboxperfect.com/carval/20160527/background3.jpg" color="#000000" />
        <v:textbox inset="0,0,0,0" style="mso-fit-shape-to-text:true">
      <![endif]-->
        <div>
          <table width="100%" cellpadding="0" cellspacing="0">
            <tr>
              <td valign="top" width="60%" height="" style="padding:30px;"><img src="http://www.inboxperfect.com/carval/20160527/investor-meeting.png" bgcolor="#000000" width="300" height="202" style="height:auto;display:block;" alt="Investor Meeting 2016"/></td>
              <td valign="top" style="width:40%;background:linear-gradient(to right, rgba(25%,25%,25%,0.0),rgba(25%,25%,25%,1.0),rgba(25%,25%,25%,1.0));" class="hide"></td>
            </tr>
            <tr>
              <td valign="top" width="60%" class="hide"></td>
              <td align="right" width="40%" class="details" style="padding:0px;background:linear-gradient(to right, rgba(25%,25%,25%,0.0),rgba(25%,25%,25%,1.0),rgba(25%,25%,25%,1.0));">


                  <div>

                <h2 style="margin-top:15px;margin-right:30px;margin-bottom:0px;margin-left:0px;color:white;font-family:'gill sans', helvetica, arial, verdana;font-weight:normal;text-transform:uppercase;padding-bottom:0;">Minneapolis</h2>
                <p style="margin-top:0px;margin-right:30px;margin-bottom:15px;color:white;font-family:'gill sans', helvetica, arial, verdana;margin-top:0;padding-top:0;"><span class="iphonelinkswhite">xxxx xxxx xx</span><br/>xxxxx xxxxxxxx xxxxxx</p>
                <h2 style="margin-top:15px;margin-right:30px;margin-bottom:0px;margin-left:0px;color:white;font-family:'gill sans', helvetica, arial, verdana;font-weight:normal;text-transform:uppercase;padding-bottom:0;">London</h2>
                  <p style="margin-top:0px;margin-right:30px;margin-bottom:15px;color:white;font-family:'gill sans', helvetica, arial, verdana;padding-top:0;"><span class="iphonelinkswhite">xxxxxxx x</span><br/>
                  xxxx xxxxxxx xxxxx <br/>
                  xxxxx xx xxxx xxxx </p>
                <p style="margin-top:15px;margin-right:30px;margin-bottom:15px;color:white;font-family:'gill sans', helvetica, arial, verdana;">Invitation and detailed <br/>
                    agenda to follow</p>

                <p style="margin-top:15px;margin-right:30px;margin-bottom:15px;color:white;font-family:'gill sans', helvetica, arial, verdana;">For questions, please contact <br/>
                  xxxxx xxxx at <a style="color:#fff;" href="tel:+19529843165">+1 xxx xxx xxxx </a>or <br/>
                  <a style="color:#fff" href="mailto:xxxx.xxxx@xxxx.com">xxxxxx@xxxxx.com</a></p>
        <!--[if gte mso 9]>
        <table cellspacing="0" cellpadding="0" border="0" style="display:block;margin-top:30px;margin-right:30px;" >
        <tr>
        <td width="200" height="46">
    <![endif]-->
                    <p style="margin-top:30px;margin-right:30px;margin-bottom:30px;color:white;"> 
                      <img class="logo" src="http://www.inboxperfect.com/carval/20160527/carval.png" alt="CarVal Investors Logo" height="46" width="200" style="display:block;"/>
                    </p>                  

    <!--[if gte mso 9]>
        </td></tr></table>
      <![endif]-->

                </div></td>
              </tr>
          </table>
        </div>
        <!--[if gte mso 9]>
        </v:textbox>

      </v:rect>
      <![endif]-->

          </td>
      </tr>
    </table>
    <center>
    </center></center>            <center>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="canspamBarWrapper" style="background-color:#FFFFFF; border-top:1px solid #E5E5E5;">
                        <tr>
                            <td align="center" valign="top" style="padding-top:20px; padding-bottom:20px;">
                                <table border="0" cellpadding="0" cellspacing="0" id="canspamBar">
                                    <tr>
                                        <td align="center" valign="top" style="color:#606060; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; padding-right:20px; padding-bottom:5px; padding-left:20px; text-align:center;">
                                            This email was sent to <a href="mailto:*|EMAIL|*" target="_blank" style="color:#404040 !important;">*|EMAIL|*</a>
                                            <br/>
                                            <a href="*|ABOUT_LIST|*" target="_blank" style="color:#404040 !important;"><em>why did I get this?</em></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UNSUB|*" style="color:#404040 !important;">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="*|UPDATE_PROFILE|*" style="color:#404040 !important;">update subscription preferences</a>
                                            <br/>
                                            *|LIST:ADDRESSLINE|*
                                            <br/>
                                            <br/>

                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </center></body>
    </html>
    ```