Hi

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

How it should look:

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:

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  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 
</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‚ Kayla Loveless‚ and her 2018 executive board members.</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’s Black History Month and we are celebrating WashULaw’s Black Law Students Association. With dozens of law student members joining each year‚ BLSA hosts mentorship programs‚ academic workshops‚ and social and professional networking opportunities. </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’s wonderful Annual Awards Banquet on March 3rd in St. Louis. The Honorable Willie Epps‚ Jr.‚ a Magistrate Judge on the U.S. District Court for the Western District of Missouri‚ will present the keynote speech. 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.</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‚</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;">
 </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>