Hi I have been trying to get this code to work for the past 4 hours and no luck. So what i want to achieve is have content which is inside borders like the image attached. So i use code border-bottom: solid; 3px etc. but when i test it in the inbox the borders dont work properly here is the code please help
<table width="700" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td>
<table width="671" height="253" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="433" height="38"></td>
<td width="150" rowspan="2" align="center">
<span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #000;">
CURRENT</span><br />
<strong><span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 22px; color: #BE0002;">
EVENTS</span></strong>
</td>
<td width="105"></td>
</tr>
<tr>
<td style=
"border-top:solid; 3px color:#808080; border-left:solid; 3px color:#808080;"
width="433"></td>
<td style=
"border-right:solid; 3px #808080; border-top:solid; 3px #808080; width=">
</td>
</tr>
<tr>
<td style=
"border-bottom: solid; 3px #808080; border-left:solid; 3px #808080; border-right:solid; 3px #808080;"
height="172" colspan="3">
<table width="640" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<th width="232" scope="col">
<img src=
"https://d3mapv06l60yob.cloudfront.net/users/assets/153/images/img-events.jpg"
width="232" height="142" />
</th>
<td width="20" scope="col"> 

</td>
<td style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #000;"
scope="col">
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"> 

</td>
</tr>
<tr>
<td>
<table width="671" height="253" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="38"></td>
<td width="150" rowspan="2" align="center">
<strong><span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 22px; color: #BE0002;">
ARTICLE</span></strong>
</td>
<td width="406"></td>
</tr>
<tr>
<td style=
"border-top:solid; 3px color:#808080; border-left:solid; 3px color:#808080;"
width="100"></td>
<td style=
"border-right:solid; 3px #808080; border-top:solid; 3px #808080; width=">
</td>
</tr>
<tr>
<td height="172" colspan="3" align="right" style=
"border-bottom: solid; 3px #808080; border-left:solid; 3px #808080; border-right:solid; 3px #808080;">
<table width="640" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #000;"
scope="col">
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</td>
<td width="20" scope="col"> 

</td>
<td scope="col">
<img src=
"https://d3mapv06l60yob.cloudfront.net/users/assets/153/images/img-about.jpg"
width="233" height="142" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="30"> 

</td>
</tr>
<tr>
<td>
<table width="671" height="243" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="433" height="22"></td>
<td width="150" rowspan="2" align="center">
<span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #000;">
MOTIVATIONAL</span><br />
<strong><span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 22px; color: #BE0002;">
VIDEO</span></strong>
</td>
<td width="105"></td>
</tr>
<tr>
<td width="433" height="4" style=
"border-top:solid; 3px color:#808080; border-left:solid; 3px color:#808080;">
</td>
<td style=
"border-right:solid; 3px #808080; border-top:solid; 3px #808080; width=">
</td>
</tr>
<tr>
<td style=
"border-bottom: solid; 3px #808080; border-left:solid; 3px #808080; border-right:solid; 3px #808080;"
height="172" colspan="3">
<table width="640" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td valign="top" scope="col">
<img src=
"https://d3mapv06l60yob.cloudfront.net/users/assets/153/images/spacer_r7_c2(1).jpg"
style="display:block" width="296" height="210" />
</td>
<td width="20" scope="col"> 

</td>
<td style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #000;"
scope="col">
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="30"> 

</td>
</tr>
<tr>
<td height="280" bgcolor="#808080">
<table width="671" height="248" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="255" height="31"></td>
<td width="313" rowspan="2" align="center" valign=
"bottom">
<span style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; color: #FFF;">
<strong>The Magazine
Archieves</strong></span><br />
</td>
<td width="103"></td>
</tr>
<tr>
<td width="255" height="20" style=
"border-top:solid; 3px color:#FFF; border-left:solid; 3px color:#FFF;">
</td>
<td style=
"border-right:solid; 3px #FFF; border-top:solid; 3px #FFF; width=">
</td>
</tr>
<tr>
<td style=
"border-bottom: solid; 3px #FFF; border-left: solid; 3px #FFF; border-right: solid; 3px #FFF; font-family: Georgia, 'Times New Roman', Times, serif;"
height="172" colspan="3">
<table width="600" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="266" rowspan="2" scope="col">
<img src="../mags.png" width="246" height=
"191" />
</td>
<td width="20" rowspan="2" scope="col"> 

</td>
<td width="376" height="144" style=
"font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #FFF;"
scope="col">
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat
nulla pariatur.
</td>
</tr>
<tr>
<td align="right" valign="top" scope="col">
<img src=
"https://d3mapv06l60yob.cloudfront.net/users/assets/153/images/button.png"
width="133" height="40" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> 

</td>
</tr>
</table>
<p>
<map name="Map">
<area shape="rect" coords="95,99,157,127" href=
"http://www.salesguru.co.za/" />
<area shape="rect" coords="174,99,260,128" href=
"http://www.salesguru.co.za/about-us/" />
<area shape="rect" coords="280,97,366,125" href=
"http://www.salesguru.co.za/sales-training-summary/" />
<area shape="rect" coords="382,100,454,129" href=
"http://www.salesguru.co.za/sales-events/" />
<area shape="rect" coords="473,97,563,126" href="#" />
</map>
</p>