Hi

Having some issues with left and right borders showing up on Android views.

How it should look:

https://imgur.com/36bNZ3h

How it looks on Android 5.1 (Android 5.1), and Android 6.0 (Android 6.0):

I appreciate the help! Here is the code:


      <!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>Celebrating Black History Month</title>
      <!-- PLEASE DON'T DELETE THE FOLLOWING META TAG!! -->
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <style type="text/css">
      /* CLIENT-SPECIFIC STYLES */

      body,
      table,
      td,
      a {
          -webkit-text-size-adjust: 100%;
          -ms-text-size-adjust: 100%;
      }

      table,
      td {
          mso-table-lspace: 0pt;
          mso-table-rspace: 0pt;
      }

      img {
          -ms-interpolation-mode: bicubic;
      }

      a:visited {
          color: #a51417;
      }
      /* RESET STYLES */

      img {
          border: 0;
          height: auto;
          line-height: 100%;
          outline: none;
          text-decoration: none;
      }

      table {
          border-collapse: collapse !important;
      }

      body {
          height: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          width: 100% !important;
      }
      /* iOS BLUE LINKS */

      a[x-apple-data-detectors] {
          color: i:;
          nherit !important;
          text-decoration: none !important;
          font-size: inherit !important;
          font-family: inherit !important;
          font-weight: inherit !important;
          line-height: inherit !important;
      }
      /* MEDIA QUERIES */

      @media screen and (max-width: 480px) {
          .mobile-hide {
              display: none !important;
          }
          .mobile-center {
              text-align: center !important;
          }
      }
      /* ANDROID CENTER FIX */

      div[style*="margin: 16px 0;"] {
          margin: 0 !important;
      }
      </style>
  </head>

  <body style="margin: 0 !important; padding: 0 !important; background-color: #ffffff; width: 100% !important; min-width: 100% !important; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; height: 100%;  padding-top: 15px;">
      <!-- PREHEADER OPEN-->
      <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
          Shaping the legal leaders of tomorrow &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
      </div>
      <!--PREHEADER CLOSE-->
      <center>
           HEADER 
          <center>
              <table width="650px" align="center" class="head-wrap" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 650px; margin: 10px 0 0; padding: 0;">
              </table>
              <!-- /HEADER -->
          <!-- </center> -->
          <!-- BODY -->
          <center>
              <table width="650px" class="body-wrap" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 650px; margin-left: 10px; margin-bottom: 4px; padding: 0;">
                  <tr style="vertical-align: top; text-align: left; margin: 0; padding: 0;" align="center">
                      <td align="left" valign="top" bgcolor="#FFFFFF" class="container" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left; border-top-width: 1px; border-top-color: #ccc; border-top-style: solid; 
   border-bottom-width: 1px; border-bottom-color: #ccc; border-bottom-style: solid; display: block !important; width: 650px; max-width: 650px !important; clear: both !important; border-left-style: solid; border-left-width: 1px; border-left-color: #ccc; border-right-style: solid; border-right-color: #ccc; border-right-width: 1px; margin: 0 auto; padding: 0;">
                          <!-- content -->
                          <table class="content" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; align: left; text-align: center; width: 100%; display: block; margin: 0; padding: 0;">
                              <tr style="vertical-align: top; text-align: center; margin: 0; padding: 0;" align="center">
                                  <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left;  margin: 0; padding-left: 30px;padding-right: 30px; padding-top:05px; padding-bottom:10px;" valign="top">
                                  </td>
                              </tr>
                              <tr style="vertical-align: top; text-align: center; margin: 0; padding: 0;" align="center">
                                  <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left;  margin: 0; padding-left: 30px;padding-right: 30px; padding-top:0px; padding-bottom:0px;" valign="top">
                                      <center>
                                      </center>
                                      <br />
                                  </td>
                              </tr>
                              <tr style="vertical-align: top; text-align: center; margin: 0; padding:0px;" align="center">
                                  <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left;  margin: 0; padding-left: 25px; padding-right:25px; padding-top:0px;" valign="top">
                                      <img src="http://law.wustl.edu/enewsletter/dean/images/BLSABoard2017-2018.jpg" alt="BLSA President, Kayla Loveless, and her 2018 executive board members" width="600px" style="padding-bottom:20px;min-width:50%;min-height:50%;"/>
                                      <p style="width: 600px; font-family: Georgia; margin: 0; font-size: 15px; margin-top: -10px; text-align: center;">BLSA President&sbquo; Kayla Loveless&sbquo; and her 2018 executive board members&#46;</p>
                                      <br />
                                      <br />
                                      <br />
                                  </td>
                              </tr>
                              <tr style="vertical-align: top; text-align: center; margin: 0; padding:0px;" align="center">
                                  <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left;  margin: 0; padding-left: 42px; padding-right:40px; padding-top:0px;" valign="top">
                                      <p style="font-family: Georgia;  font-weight: 600; font-size: 18px; font-variant: small caps; line-height: 1.3; text-align:left; margin-top:-20px; margin-bottom: 12px; color:#a51417;">A Celebration and An Invitation!</p>
                                      <p style=" font-family: Georgia; font-weight: 500; font-size: 17px; font-style: normal; font-variant: normal;  line-height: 1.3; text-align:left; margin-top: 0; margin-bottom: 12px;"> It&rsquo;s Black History Month and we are celebrating WashULaw&rsquo;s Black Law Students Association&#46; With dozens of law student members joining each year&sbquo; BLSA hosts mentorship programs&sbquo; academic workshops&sbquo; and social and professional networking opportunities&#46; </p>
                                      <p style=" font-family: Georgia; font-weight: 500; font-size: 17px; font-style: normal; font-variant: normal; line-height: 1.3; text-align:left; margin-top: 0; margin-bottom: 12px;">You are invited to join BLSA&rsquo;s wonderful Annual Awards Banquet on March 3rd in St&#46; Louis&#46; The Honorable Willie Epps&sbquo; Jr&#46;&sbquo; a Magistrate Judge on the U&#46;S&#46; District Court for the Western District of Missouri&sbquo; will present the keynote speech&#46; Please visit the <a style="color:#a51417;text-decoration:none;" href="https://commerce.cashnet.com/BLSA" target="_blank">BLSA registration site</a> to purchase tickets for the dinner&#46;</p>
                                      <p style="font-family: Georgia; font-weight: 500; font-size: 17px; font-style: normal; font-variant: normal;  line-height: 1.3; text-align:left; margin-top: 0; margin-bottom: 5px;">
                                          <br/> Kindest Regards&sbquo;</p>

                                  </td>
                              </tr>
                              <tr style="vertical-align: top; text-align: left; margin: 0; padding: 0;" align="center">
                                  <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left; font-family: 'Libre Baskerville', serif; margin: 0; padding-left: 42px;padding-right: 40px; padding-top:7px;" align="center" valign="top">
                                      <table width="99%" border="0" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td width="80%">
                                                      <p style="font-family: Georgia; font-weight: 500; font-size: 17px; font-style: bold; font-variant: normal;  line-height: 1.3; text-align:left; margin-top: 0; margin-bottom: 15px;white-space: nowrap;"><img src="http://law.wustl.edu/enewsletter/150/images/Nsig.png" alt="Washington University in St. Louis" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;" />
                                                          <br /> Nancy Staudt
                                                          <br /> Dean of the Law School
                                                          <br /> Howard and Caroline Cayne Distinguished Professor of Law
                                                          <br />
                                                          <br />
                                                          <strong>Follow Dean Staudt:</strong> <a style="color:#a51417;" href="https://www.facebook.com/DeanNancyStaudt/?ref=br_rs" target="_blank">Facebook</a> | <a style="color:#a51417;" href="https://twitter.com/DeanNancyStaudt" target="_blank">Twitter</a> | <a style="color:#a51417;" href="https://www.instagram.com/deannancystaudt/" target="_blank">Instagram</a>
                                                      </p>
                                                  </td>
                                                  <td width="20%" align="right" valign="bottom" style="text-align:right;padding-bottom:10px;">
                                                      &nbsp;</td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                              </tr>
                          </table>
                          <!-- /content -->
                          <!--Column Wrap-->
                          <table class="content" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 600px; display: block; margin: 0; padding: 0;">
                              <tr style="vertical-align: top; text-align: left; margin: 0; padding: 0;" align="left">
                              </tr>
                          </table>
                          <!-- /COLUMN WRAP -->
                          <table class="content" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; display: block; margin: 0; padding: 0;">
                              <tr style="vertical-align: top; text-align: left; margin: 0; padding: 0;" align="left">
                              </tr>
                          </table>
                          <!-- /COLUMN WRAP -->
                          <!-- social & contact -->
                          <table class="content social" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; font-family: 'Libre Baskerville', serif; width: 100%; display: block; background: #ffffff; margin: 0; padding: 0;">
                              <tr style="vertical-align: top; text-align: center; margin: 0; padding: 0;" align="center">
                                  <td height="10" align="left" valign="top" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: center; font-family: 'Libre Baskerville', serif; margin: 0; padding: 5px;">
                                      <table width="600" class="column-wrap" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; display: block; margin: 0; padding: 0;">
                                          <tr style="vertical-align: top; text-align: center; margin: 0; padding: 0;" align="left">
                                              <td width="600" align="center" valign="top" class="wrapper" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: center; position: relative; margin: 0; padding: 0;">
                                              </td>
                                          </tr>
                                      </table>
                                  </td>
                              </tr>
                          </table>
                          <!-- /social & contact -->
                      </td>
                  </tr>
                  <tr>
                      <td align="center"></td>
                  </tr>
              </table>

              <td align="left" valign="top" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse !important; vertical-align: top; text-align: left; font-family:sans serif; margin: 0; padding: 0;"></td>


              <table border="0" cellpadding="10" cellspacing="0" width="600px" align="center">
                  <tr>
                      <td align="center" valign="top">
                          <div>
                              <h5 class="" style="font-family:Sans-Serif; line-height: 1.1; margin-top: 10; margin-bottom: 8px; font-weight: 500; font-size: 10px; color: #000000;">Is this email not displaying correctly? <a style="color:#a51417;text-decoration:none;" href="http://law.wustl.edu/enewsletter/Dean/Febenews3.html" target="_blank">View it in your browser</a>.
                                                </h5> </div>
                      </td>
                  </tr>
              </table>
              <!-- /BODY -->
          </center>

  </body>

  </html>