Hello Team,

Having issues with an image (PNG) displaying an invisible border on IOS Devices (Checked Iphone 5-6plus on Litmus and personal device). When I zoom into the image, it disappears.
I have tested removing any border on the table, td, a, and img tag. Still nothing. Any suggestions or tips on fixing this issue?

Attached below is the HTML. The image is : http://email.assets.dollarshaveclub.com/20150311174342-product-top-owc-2.png in the HTML

<!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>
      <title><%=title%></title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
      <style type="text/css" media="screen">
         p {margin-bottom:0; margin:0}
         table{
            border-collapse:separate;
            border-spacing:0px;
         }
         td{
            padding:0;
            border-collapse: collapse;
         }
         span.preheader { display: none !important; }
         span a {
            color: #afaeae !important;
            text-decoration: none !important;
         }
         .date a {
            color: #f6f3f2 !important;
            text-decoration: none !important;
         }
         .date-color a {
            color: #f26b33 !important;
            text-decoration: none !important;
         }
         .address a {
            color: #6a6867 !important;
            text-decoration: none !important;
         }
         @media only screen and (max-width: 736px) {
            body[yahoo] .body-responsive{padding-left:5% !important;padding-right:5% !important; }
            body[yahoo] .top-padding{padding-top:8% !important; }
            body[yahoo] .bottom-padding{padding-bottom:8% !important; }
            body[yahoo] .product {  width:100% !important; height: auto !important; max-width: 736px !important;}  
            body[yahoo] .left-right-padding {padding-left: 5% !important; padding-right: 5% !important}
            body[yahoo] .inner-left-right-padding {padding-left: 2% !important; padding-right: 2% !important}
            body[yahoo] .body { width:100% !important }
         }

         @media only screen and (max-width: 580px) {
            body[yahoo] .hide{
               display: none !important;
               font-size: 0; 
               max-height: 0; 
               min-height: 0;
               line-height: 0; 
               padding: 0; 
               margin: 0;
               mso-hide: all;
            }
            body[yahoo] .top-body {
               padding-top: 10px !important;
            }
            body[yahoo] .no-padding {
               padding: 5px !important;
            } 
            body[yahoo] .show{
               display: block !important;
               line-height: normal !important;
               height: auto !important;
               min-height: auto !important;
               max-height: none !important; 
               width: 100% !important;
            }


            body[yahoo] .header { width: 60% !important; height: auto !important; }
            /*body[yahoo] .center-column-padding { padding: 9% 6% !important }   */                             
         }
         @media only screen and (max-width: 480px) {              
            body[yahoo] .logo { width:100% !important; height: auto !important; max-width: 246px !important }        
            body[yahoo] .cta{ width: 100% !important; height: auto !important; max-width: 259px !important}
            body[yahoo] .text-resize { font-size:16px !important; padding: 5px 10px !important; }   
            body[yahoo] .font-header-adjust { font-size: 14px !important; line-height: 22px !important;}    
            body[yahoo] .font-adjust { font-size: 13px !important; padding-bottom: 10px !important;}    
            body[yahoo] .remove-top-padding {padding-top: 0 !important;}
            body[yahoo] .adjust-table-padding { padding-top: 20px !important; padding-bottom: 20px !important;}
         } 
      </style>
   </head>
   <body yahoo="fix" style="margin: 0 !important;padding: 0 !important;-webkit-text-size-adjust: none; width:100% height:100%" >
      <span class="preheader" style="display: none !important;"><%=preheader%></span>
      <img src="<%= tracking_beacon_url %>" width="1" height="1">
      <table width="100%" cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0; table-layout: fixed">
         <tr>
            <td valign="top" style="margin: 0; padding:0; text-align: center; color: #ffffff" >

               <table cellpadding="0" cellspacing="0" border="0" width="100%">
                  <!-- HEADER -->
                  <tr>
                     <td background="http://email.assets.dollarshaveclub.com/20140815190717-wood-bg-dark-3.jpg" bgcolor="#000000" valign="top" style="color: #ffffff" >
                        <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
                           <v:fill type="tile" src="http://email.assets.dollarshaveclub.com/20140815190717-wood-bg-dark-3.jpg" color="#000000" />
                           <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                              <![endif]-->
                              <div>
                                 <!--HEADLINE-->
                                 <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none; table-layout: fixed" >
                                    <tr>
                                       <td>&nbsp;</td>
                                       <td valign="top" width="736" align="center" style="padding:15px 0px" class="body">
                                          <table border="0" cellpadding="0" cellspacing="0"  width="100%" style="margin: 0 !important; -webkit-text-size-adjust: none;">
                                             <tr>
                                                <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff;font-size: 14px; text-align:center; ">
                                                   <a href="<%=root_url%>" style="border:0 none; outline:none;" target="_blank"><img class="logo" src="http://email.assets.dollarshaveclub.com/20150311012247-misc-dsc-colon-cancer-logo.png" width="246" height="79" alt="Dollar Shave Club Logo" border="0"/></a>
                                                </td>
                                             </tr>

                                          </table>
                                       </td>
                                       <td>&nbsp;</td>
                                    </tr>
                                 </table>
                              </div>
                              <!--[if gte mso 9]>
                           </v:textbox>
                        </v:rect>
                        <![endif]-->
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
         <!-- HEADER END -->
         <!-- BODY -->
         <tr>
            <td>
               <table cellpadding="0" cellspacing="0" border="0" width="100%">
                  <tr>
                     <td background="http://email.assets.dollarshaveclub.com/20150311012310-misc-wood-owc.jpg" bgcolor="#000000" valign="top" style="color: #ffffff">
                        <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
                           <v:fill type="tile" src="http://email.assets.dollarshaveclub.com/20150311012310-misc-wood-owc.jpg" color="#000000" />
                           <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                              <![endif]-->
                              <div>
                                 <table width="100%" cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0">
                                    <tr>
                                       <td valign="top"  style="margin: 0; padding:0; text-align: center; color: #ffffff">
                                          <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none; table-layout: fixed" >
                                             <tr>
                                                <td>&nbsp;</td>
                                                <td valign="top" width="736" align="center" style="padding:30px 5px 30px" class="body top-body" >
                                                   <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none;" >
                                                   <tr>
                                                      <td style="padding: 0; margin: 0;"><img src="http://email.assets.dollarshaveclub.com/20150311174342-product-top-owc-2.png" alt="One Wipe Charlies" width="736" height="402" class="product" style="border: 0; display:block" border="0" /></td>
                                                   </tr>
                                                   <tr>
                                                      <td bgcolor="#efe9e6" style="padding: 0 15px 15px 15px; box-shadow: 0px 2px 7px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.7); -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.7);" class="no-padding">
                                                         <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none;"  >
                                                            <tr>

<!-- CONTENT START -->


<td align="center" valign="top" class="center-column-padding" style="font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 14px; text-align:left; padding: 0px">

<table class="body" border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
   <td  style="text-align:center; padding: 0 90px 0; margin:0px;  font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 17px; line-height:26px; font-weight:bold " class="left-right-padding font-header-adjust">
      March is Colon Cancer Awareness Month, so we’re donating a portion of the month’s sales of <a href="#" style="color: #eb6723; text-decoration: none">One Wipe Charlies</a> to the Colon Cancer Alliance to help the fight. 
   </td>
</tr>

<tr>
   <td style="text-align:center; padding: 30px 60px; margin:0px; " class="left-right-padding adjust-table-padding">

      <table class="body" border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 2px dotted #4c372c; padding: 15px">
         <tr>
            <td style="padding: 15px 15px 20px; font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 17px; line-height:24px; font-weight:bold; text-align:center" class="inner-left-right-padding font-adjust remove-top-padding">DID YOU KNOW?</td>
         </tr>
         <tr>
            <td style="padding: 0 15px 20px; font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 15px; line-height:20px; font-weight: normal;text-align:left" class="inner-left-right-padding font-adjust">Colon Cancer is the second leading cause of cancer-related death in the US.</td>
         </tr>
         <tr>
            <td style="padding: 0 15px 20px; font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 15px; line-height:20px; font-weight: normal;text-align:left" class="inner-left-right-padding font-adjust">One in 20 people will get colon cancer, but it's largely preventable and 90% beatable when detected early.</td>
         </tr>
         <tr>
            <td style="padding: 0 15px 15px; font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 15px; line-height:20px; font-weight: normal;text-align:left" class="inner-left-right-padding font-adjust">Everyone 50+ (or anyone experiencing symptoms) should talk to a doctor about getting screened. For more info, visit <a href="#" style="color: #eb6723; text-decoration: none">ccalliance.org</a>.</td>
         </tr>
      </table>

   </td>
</tr>

<tr>
   <td  style="text-align:center; padding: 0 90px 20px; margin:0px;  font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 17px; line-height:26px; font-weight:bold " class="left-right-padding font-header-adjust remove-top-padding">
      We care about your butt, inside and out. Add <a href="#" style="color: #eb6723; text-decoration: none">One Wipe Charlies</a> to your next box, and let’s save some lives together.
   </td>
</tr>

<tr>
   <td  style="text-align:center; padding: 0 90px 30px; margin:0px;  font-family: Arial, Helvetica, sans-serif; color: #41352f;font-size: 17px; line-height:26px; font-weight:bold " class="left-right-padding">
      <a href="#" style="border: 0" border="0"><img src="http://email.assets.dollarshaveclub.com/20150311011953-cta-button-take-care-of-your-butt.jpg" alt="Take care of your butt" width="259" height="41" style="border: 0" border="0" class="cta" /></a> 
   </td>
</tr>
</table>

</td>

<!-- CONTENT END -->


                                                            </tr>
                                                         </table>
                                                      </td>
                                                   </tr>
                                                   </table>
                                                </td>
                                                <td>&nbsp;</td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                              </div>
                              <!--[if gte mso 9]>
                           </v:textbox>
                        </v:rect>
                        <![endif]-->
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
         <!-- BODY END-->
         <!-- FOOTER-->
         <tr>
            <td valign="top" style="margin: 0; padding:0; text-align: center; color: #ffffff">

               <table width="100%" cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0">
                  <tr>
                     <td valign="top" bgcolor="#312f2f" style="margin: 0; padding:0; text-align: center; color: #b0aeaf">
                        <table border="0" cellpadding="0" cellspacing="0"  width="100%" style="margin: 0 !important; -webkit-text-size-adjust: none;">
                           <tr>
                              <td align="center" style="font-family: Arial, Helvetica, sans-serif; color: #b0aeaf;font-size: 14px; text-align:center;">
                                 <table width="100%" cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0">
                                    <tr>
                                       <td valign="top" style="margin: 0; padding:0; text-align: center; color: #b0aeaf; padding: 20px 0px">
                                          <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none; table-layout: fixed" >
                                             <tr>
                                                <td>&nbsp;</td>
                                                <td valign="top" width="736" align="center" style="" class="body">
                                                   <table border="0" cellpadding="0" cellspacing="0"  width="100%"  style="margin: 0 !important; -webkit-text-size-adjust: none;" >
                                                      <tr>
                                                         <td style="padding: 10px 0 15px; text-align:center" valign="middle" >
                                                            <a href="https://www.facebook.com/DollarShaveClub" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140813190036-icon-facebook.jpg" width="30" height="30" alt="Social Icon - Facebook" style="border: 0" /></a>&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/DollarShaveClub" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140813190037-icon-twitter.jpg" width="30" height="30" alt="Social Icon - Twitter" style="border: 0" /></a>&nbsp;&nbsp;&nbsp;<a href="https://plus.google.com/+DollarShaveClub" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140828181057-icon-google.jpg" width="30" height="30" alt="Social Icon - Google" style="border: 0" /></a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/user/DollarShaveClub" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140813190037-icon-youtube.jpg" width="30" height="30" alt="Social Icon - Youtube" style="border: 0"/></a>&nbsp;&nbsp;&nbsp;<a href="http://www.pinterest.com/dollarshaveclub/" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140828181057-icon-pinterest.jpg" width="30" height="30" alt="Social Icon - Pinterest" style="border: 0" /></a>&nbsp;&nbsp;&nbsp;<a href="http://instagram.com/dollarshaveclub/" target="_blank"><img src="http://email.assets.dollarshaveclub.com/20140828181057-icon-instagram.jpg" width="30" height="30" alt="Social Icon - Instagram" style="border: 0" /></a>                 
                                                         </td>
                                                      </tr>
                                                      <tr>
                                                         <td style="font-family: Arial, Helvetica, sans-serif; color: #6a6867;font-size: 11px; text-align:center; padding:0px; line-height:18px; letter-spacing:.05em">             
                                                            &copy;2012-<%=DateTime.now.year.to_s[2,3]%> DOLLAR SHAVE CLUB. ALL&nbsp;RIGHTS&nbsp;RESERVED.<br/>
                                                            P.O.BOX<span class="address"> 5688 SANTA MONICA, CA&nbsp;&nbsp;90409</span>
                                                            <br/>
                                                            <a href="<%= privacy_policy_url %>" style="color:#6a6867; text-decoration:underline; font-size: 12px; line-height:40px">Privacy Policy</a>&nbsp;| <a href="<%= unsubscribe_url %>" style="color:#6a6867; text-decoration:underline; font-size: 12px; line-height:30px">Unsubscribe</a>
                                                         </td>
                                                      </tr>

                                                   </table>
                                                </td>
                                                <td>&nbsp;</td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
         <!-- FOOTER-->
      </table>
   </body>
</html>