Missing borders in Outlook & Hotmail

Morning all,

I wondered if anyone would be able to help. A couple of offers boxes we are using on our christmas email are using borders inputted in Dreamweaver. They display fine in all major browsers expect HotMail and Outlook. Outlook is very close just the right sided border of the the right hand side offer box is missing (forward to a friend one). Outlook strips out all the borer elements, so I guessing this isn't supported here. I have tried reducing the width of the box - thinking that the extra 1px border maybe being cutoff, but to no avail. Whats stranger is that when you go on forward the test email in Outlook it displays the forwarded message as intended complete with the right hand border? I am using Outlook 2010. I have been stumped on this issue for the last couple of days and any clue as to why this is happending would be much appreciated.

Many Thanks and festive cheers
Jody

My code is below

<!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>Untitled email</title>
        <meta http-equiv=Content-Type content="text/html; charset=utf-8" />
        
        <style media="all" type="text/css">
        a:link, a:visited {
           color:#000000;
        text-decoration:none;
        }
        
        #keyline {
        border: #58585A 1px solid;
        }
        #tdTitle{
        border-top:1px solid #58585A;
        border-bottom:1px solid #58585A;
        }
        #tdTitle{
        font-family:Calibri, Verdana, Arial, Sans-serif;
        font-size:26px;
        vertical-align:middle;
        }
        #tdFooter {
        border-top: #58585A 1px solid; 
        border-bottom: #58585A 1px solid;
        margin: 0px 0px 0px 0px; 
        }
        #tdFooter img {
        margin: 10px 0px 0px 0px; 
        }
        #rhColumnBar {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;
        margin-left: 10px;
        }
        
        .copy {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        }
        .olink {    color: #E5173F;
        text-decoration:none;
        }
        .play {    color: #003257;
        text-decoration:none;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
        }
         </style>
</head>
    
    <body>
        <div align="center">
            <table id="keyline" cellspacing="0" cellpadding="0" style="padding:0px 40px 40px 40px; border: #58585A 1px solid;">
                <tbody>
                    <tr>
                        <td valign="top" style="text-align: left;">
                        <table style="margin: 0px;" cellpadding="0" cellspacing="0" width="600">
                          <tbody>
                            <tr>
                              <td valign="top" colspan="5" style="text-align: left;">
                              <table id="tableButtons" cellpadding="0" cellspacing="0">
<tbody><tr><td width="600" height="40" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><div align="right" class="blacklinks" style="font-family: verdana,arial,helvetica,sans-serif; font-size: 9px;"><a href="http://www.theaccessgroup.com/contact-us/contact-us-form.aspx" style="color: #000000; text-decoration: none;">Contact us</a> <span style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#E5173F">|</span> <a href="http://www.theaccessgroup.com/media/322502/access_uk_ltd.vcf" style="color: #000000; text-decoration: none;">Add us to your address book</a> <span style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#E5173F">|</span> <a href="http://[@ShowAsWebPageLink]" style="color: #000000; text-decoration: none;"> View as a web page</a></div></td></tr></tbody></table></td></tr>

<!--    MAIN HEADER IMAGE    -->
<tr id="trHeader">
<td valign="top" colspan="3" style="text-align: left; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px "><a href="http://www.theaccessgroup.com?refid=N11HOR_35E"><img src="http://www.theaccessgroup.com/email/CSS.jpg" alt="Access: consulting | software | solutions" width="600" height="56" style="margin: 10px 0px 0px 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;" /></a></td></tr>
<!--    END MAIN HEADER IMAGE    -->

<!--    TITLE IN TRAMLINES    -->
<tr id="trTitle">
  <td valign="top" colspan="3" id="tdTitle" style="text-align: left; border-top:solid 1px #58585A; border-bottom:solid 1px #58585A; font-family:Calibri, Verdana, Arial, Sans-serif; font-size:30px; vertical-align:middle;  margin-bottom:10px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><a href="http://static.emarket2.com/access/3127/ChristmasGame.html" style="color:#000000; text-decoration:none;">The ultimate holiday snowball bash from Access Can you beat today’s top score? 
</a><a href="http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #E5173F; text-decoration: none;"> Play here &raquo;</a></td>
</tr>
<!--    END TITLE IN TRAMLINES    -->

<!--    AMAZON OFFER BOX    -->
<tr><td width="150" align="left" valign="top" class="competitionheader" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:20px; padding-left:0px; padding-right:0px" ><table height="405" width="130" border="0" cellspacing="0" cellpadding="0">

<tr><td style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><img src="http://www.theaccessgroup.com/email/N11HOR_35E/ftftop.gif" style="padding:0; margin:0; display:block" width="130" height="10" /></td></tr>

<tr>
  <td width="130" height="405" align="center" valign="top" style="border-left:solid 1px #666666; border-right:solid 1px #666666; border-bottom:solid 1px #666666; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px;"><br />
  <p style="font-size: 13px; margin:0px 0px 0px 0px; color: #000000; line-height: 20px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://www.amazon.co.uk/" style="color: #000; text-decoration: none;"><strong>Win a &pound;100<br />
    or &euro; equivalent<br />
        Amazon Voucher</strong></a></p>
    <p><a href="http://www.amazon.co.uk/"><img src="http://www.theaccessgroup.com/email/N11HOR_35E/amazonlogo.jpg" width="105" height="50" border="0" /></a></p>

<p style="font-size: 11px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #000; text-decoration: none;">Play the game <br />
  to enter the<br />
  prize draw</a></p>

<p style="font-size: 11px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>

<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;">&nbsp;</p>
<p style="font-size: 10px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://static.emarket2.com/access/3127/terms.html" style="color: #000; text-decoration: none;">Terms &amp; conditions</a></p>
</td></tr></table></td>
<!--    END OF AMAZON OFFER BOX    -->

<!--    CENTRAL FOOTBALL BOX    -->
<td width="300" valign="top" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:20px; padding-left:0px; padding-right:0px; "><div align="center"><a href="http://static.emarket2.com/access/3127/ChristmasGame.html"><img src="http://www.theaccessgroup.com/email/N11HOR_35E/game-screenshot.jpg" alt="Click here to play" width="300" height="264" style="margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px"  border="0"/></a>
</div>
  <p align="left" style="font-size: 11px; margin:10px 0px 7px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><strong>Tis the season for fun</strong> <br />
  All you have to do is strike as many Christmas characters as quickly as  you can using snowballs. <br />
  If your name is on our leaderboard by midnight on <strong>7th  January</strong>, you’ll be entered into a prize draw to win a <strong>£100 or € equivalent Amazon voucher</strong>.</p>

<p style="font-size: 14px; margin:10px 15px 7px 0px; color: #E5173F; line-height: 20px; font-family: verdana, arial, helvetica, sans-serif;"><strong><a href="http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #E5173F; text-decoration: none;"> Play here &raquo;</a></strong></p></td>
<!--    END OF CENTRAL FOOTBALL BOX    -->

<!--    VIRAL PASS ON BOX    -->
<td width="150" align="right" valign="top" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:20px; padding-left:0px; padding-right:0px;" ><table width="130" height="405" border="0" cellspacing="0" cellpadding="0">
  <tr><td><img src="http://www.theaccessgroup.com/email/N11HOR_35E/ftftop.gif" style="padding:0; margin:0; display:block" width="130" height="10" /></td></tr>
            
<tr>
  <td width="130" height="405" align="center" valign="top" style="border-right:solid 1px #666666; border-bottom:solid 1px #666666; border-left:solid 1px #666666; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px;"><br />
  <p style="font-size: 14px; margin:0px 0px 0px 0px; color: #000000; line-height: 20px; font-family: verdana, arial, helvetica, sans-serif;"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #000; text-decoration: none;"><strong>Forward to a friend</strong></a></p>
    <p align="center"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #000; text-decoration: none;"><img src="http://www.theaccessgroup.com/email/N11HOR_35E/gameplay_sectioned_screenshot.png" alt="Christmas game" width="120" height="80" border="0" /></a><br />
      </p>
  <p style="font-size: 11px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ChristmasGame.html" style="color: #000; text-decoration: none;">Test your nerve, precision and <br />
    finger power against your colleagues</a></p></td></tr></table></td></tr>
<!--    END OF VIRAL PASS ON BOX    -->

<tr><td style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" >&nbsp;</td></tr>

<!--    THREE OFFERS BOX    -->
<tr><td colspan="3" align="center" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><table width="600" border="0" cellspacing="0" cellpadding="0">
<!--    END OF THREE OFFERS BOX    -->

<!--    THREE OFFERS BOX CURVED TOP EDGES    -->
<tr><td width="200" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><img src="http://www.theaccessgroup.com/email/N11HOR_35E/offerkeylineL.gif" alt="keyline" style="display: block; width:200px; height:10px" /></td>

<td width="200"><img src="http://www.theaccessgroup.com/email/N11HOR_35E/offerkeylineM.gif" width="200" height="10" align="absbottom" style="display:block; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" /></td>

<td width="200" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><img src="http://www.theaccessgroup.com/email/N11HOR_35E/offerkeylineR.gif" width="200" height="10" align="absbottom" style="display:block; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;" /></td>
</tr>

<!--    END OF THREE OFFERS BOX CURVED TOP EDGES    -->
              
<!--    FIRST OFFER BOX    -->
<tr><td width="200" align="left" valign="top" bgcolor="#808080" style="border-left: solid 1px #666666;border-bottom: solid 1px #666666;border-right: solid 1px #666666;padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"">

<p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://itunes.apple.com/gb/app/focalpoint/id325537059?mt=8" style="color:#000000; text-decoration:none;"><strong>All the trimmings</strong><br />
   Timesheets, expenses, <br />
   reports &amp; more with our<br /> 
   free iPhone App</a></p>
<p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://itunes.apple.com/gb/app/focalpoint/id325537059?mt=8"><img src="https://content.emarket2.com/football/wc2010/images/findoutmore.png" border="0"/></a></p></td>
<!--    END OF FIRST OFFER BOX    -->


<!--    SECOND OFFER BOX    -->
<td width="200" align="center" valign="top" bgcolor="#ededed" style="border-left: solid 1px #666666;border-bottom: solid 1px #666666;border-right: solid 1px #666666;padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">

<p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://itunes.apple.com/gb/app/focalpoint/id325537059?mt=8" style="color:#000000; text-decoration:none;"><strong>Good tidings<br />
</strong></a><a href="http://www.theaccessgroup.com/downloads/info-guides/how-to-prepare-an-rfi-for-a-finance-software-system.aspx" style="color:#000000; text-decoration:none;">We share helpful tips &amp; <br />
advice for creating an RFI <br />
for financial software</a></p>
<p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://www.theaccessgroup.com/downloads/info-guides/how-to-prepare-an-rfi-for-a-finance-software-system.aspx"><img src="https://content.emarket2.com/football/wc2010/images/findoutmore.png" border="0"/></a></p></td>
<!--    END OF SECOND OFFER BOX    -->
                

<!--    THIRD OFFER BOX    -->
<td width="200" align="right" valign="top" bgcolor="#e5173f" style="border-left: solid 1px #666666;border-bottom: solid 1px #666666;border-right: solid 1px #666666;padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://www.theaccessgroup.com/downloads/info-guides/what-makes-a-good-software-vendor.aspx?refid=N11HOR_35E" style="color:#000000; text-decoration:none;"><strong>Making  a list<br />
</strong>We describe the key questions for finding a good software vendor</a></p>
<p align="center" style="font-size: 11px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://www.theaccessgroup.com/downloads/info-guides/what-makes-a-good-software-vendor.aspx?refid=N11HOR_35E"><img src="https://content.emarket2.com/football/wc2010/images/findoutmore.png" border="0"/></a></p></td>

</tr></table>&nbsp;</td></tr>
<!--    END OF THIRD OFFER BOX    -->

<!--    BOTTOM LOGO IMAGE    -->
<tr><td valign="top" colspan="3" style="margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px" ><table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="47"><div align="left"><a href="http://www.theaccessgroup.com/access-blog.aspx" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/Access_Blog_logo_small.png" alt="Visit our blog" width="37" height="37" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://www.linkedin.com/companies/403139" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/linkedin.png" alt="Visit Access on LinkedIn" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://www.youtube.com/theaccessgrouptv" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/YouTube.png" alt="Visit Access YouTube" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://twitter.com/theaccessgroup" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/twitter.png" alt="Follow us on Twitter" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://www.flickr.com/photos/theaccessgroup" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/flickr.png" alt="Visit us on Flickr" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://www.theaccessgroup.com/rss-feeds.aspx" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/rss_feed.jpg" alt="View our RSS feeds" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
    <td width="55"><div align="center"><a href="http://www.theaccessgroup.com/downloads/podcasts.aspx" style="text-decoration:none"><img src="http://www.theaccessgroup.com/email/Podcast-icon-v2.png" alt="Listen to our podcasts" width="35" height="35" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/></a></div></td>
  </tr>
  <tr>
<td width="47" valign="top"><p class="blacklinks" align="left" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="http://www.theaccessgroup.com/access-blog.aspx" style="color: #000; text-decoration: none;"><img src="http://www.theaccessgroup.com/email/blog_text_spacer.jpg" width="7" height="0" border="0" style="margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none"/>Blog</a></p></td>
<td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://www.linkedin.com/companies/403139" style="color: #000; text-decoration: none;">LinkedIn</a></p></td>
<td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://www.youtube.com/theaccessgrouptv" style="color: #000; text-decoration: none;">YouTube</a></p></td>
<td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://twitter.com/theaccessgroup" style="color: #000; text-decoration: none;">Twitter</a></p></td>
<td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://www.flickr.com/photos/theaccessgroup" style="color: #000; text-decoration: none;">Flickr</a></p></td>
    <td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://www.theaccessgroup.com/rss-feeds.aspx" style="color: #000; text-decoration: none;">RSS Feeds</a></p></td>
    <td width="55" valign="top"><p class="blacklinks" style="font-size: 9px; margin:0px 0px 10px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif; text-align:center"><a href="http://www.theaccessgroup.com/downloads/podcasts.aspx" style="color: #000; text-decoration: none;">Podcast</a></p></td>
  </tr>
</table></td></tr>

<tr><td valign="top" id="tdFooter" colspan="3" style="text-align: left; border-top: #58585A 1px solid; border-bottom: #58585A 1px solid; margin: 0px 0px 0px 0px;"><a href="http://www.theaccessgroup.com?refid=N11HOR_35E"><img src="http://www.theaccessgroup.com/email/CSS.jpg" alt="Access: consulting | software | solutions" width="600" height="56" style="margin: 10px 0px 0px 0px; padding: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;" /></a></td>
</tr>
<!--    END OF BOTTOM LOGO IMAGE    -->

<!--    BOTTOM DETAILS    -->
<tr><td valign="top" colspan="3" style="text-align: left;"><p style="margin: 10px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color: #58585A; text-align: left;">Access UK Ltd., a company registered in England and Wales, with registered number  2343760 and with its registered office at The Old School, Stratford St Mary, Colchester, Essex CO7 6LZ, United Kingdom.</p>

<p style="margin: 10px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color: #58585A; text-align: left;">Access Accounting Ireland Limited, a company registered in Ireland, with registered number 243842 and with its registered office at Plaza 212, Blanchardstown Corporate Park 2, Blanchardstown, Dublin 15, Ireland</p>
<p style="margin: 10px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color: #58585A; text-align: left;"><strong>Terms and conditions</strong> 1. This prize draw is open to entrants in the UK and the Republic of Ireland only. Employees of Access UK Limited and their immediate families can take part in the snowball bash game, but are not eligible for entry into the prize draw. 2. Entrants who successfully complete the snowball bash competition and are entered onto the leader board shall be asked to complete their registration details. All entrants listed on the leader board as at 00:59 on 7th January 2011 shall be entered into the prize draw. 3. Registrations received from residents/companies located outside the UK and Republic of Ireland or those containing incomplete online registration details are exempt from participation. 4. The prize draw will take place on 10th January. The name of one entrant will be drawn at random from all those that enter the leader board. The first name drawn will be the winner. The winner will be notified by email or phone by 10th January. The judges’ decision is final and no correspondence will be entered into with entrants. 5. The prize will be £100 (or € equivalent) in Amazon vouchers. 6. No cash alternative is available. 7. The prize draw closes at midnight on 7th January. 8. Access UK Limited will not accept responsibility for late or lost entries due to (but not limited to): computer malfunctions, server problems or any of IT related faults occurring on either Access UK computer systems or a third party computer system. For the avoidance of doubt, proof of sending is not proof of receipt. 9. Entries are limited to one per contact. There is no cost to partaking. 10. No purchase is necessary. 11. Results can be obtained by sending a stamped, self addressed envelope, and quoting C11XMAS01, after the closing date to: Dawn Cross, Access UK, The Old School, Stratford St Mary, Colchester, Essex, CO7 6LZ. 12. Promoter: Access UK Limited, The Old School, Stratford St Mary, Colchester, Essex. CO7 6LZ.</p>
<p style="margin: 10px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #E5173F; text-align: left;"><a href="http://[@UnsubscribeLink]" style="text-decoration: none; color: #E5173F;">Notify us to unsubscribe from this email</a></p></td></tr></tbody></table></td></tr></tbody></table>
<!--    END OF BOTTOM DETAILS    -->
    
</div>
</body>
</html>
wilbertheinen wilbertheinen, 5 years ago

You can add border-collapse:collapse; to your CSS or inline styles for tables. That works for me. Every table with borders that I use are just fine in every major browser when I use border-collapse:collapse;.


Create a Clang!
jodygibbons, 5 years ago

Thanks for your reply wilbertheinen!

I'll give that a go. I tried something similar by using the border-collapse:collapse; code but adding it to all the <td> elements, which sounds wrong. But I certainly didn't try it on the <table> tags. I'll add this to these elements and see how I get on. I'll keep you posted.

Cheers
Jody

jodygibbons, 5 years ago

I added the border-collapse:collapse; to the tables with borders, but received mixed results. The Outlook email lost both the left hand side border of the left box and the right hand side of the right box. In the HotMail email it added just the overall table border and not any of the internal table borders. It also ignored the padding on the overall table border. I have attached two screenshots to better explain what happened:

Outlook 2010: http://www.theaccessgroup.com/email/N11HOR_35E/screenshot_Outlook2010.jpg

HotMail: http://www.theaccessgroup.com/email/N11HOR_35E/screenshot_HotMail.jpg

Cheers
Jody

wilbertheinen wilbertheinen, 5 years ago

Try this:

<table width="130" height="405" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
  <tr><td><img src="http://www.theaccessgroup.com/email/N11HOR_35E/ftftop.gif" style="padding:0; margin:0; display:block" width="130" height="10" /></td></tr>
           
<tr>
  <td width="130" height="405" align="center" valign="top" style="border-right-style:solid; border-right-width: 1px; border-right-color:#666666; border-left-style:solid; border-left-width: 1px; border-left-color:#666666; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color:#666666; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px;"><br />
  <p style="font-size: 14px; margin:0px 0px 0px 0px; color: #000000; line-height: 20px; font-family: verdana, arial, helvetica, sans-serif;"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ … html" style="color: #000; text-decoration: none;"><strong>Forward to a friend</strong></a></p>
    <p align="center"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ … html" style="color: #000; text-decoration: none;"><img src="http://www.theaccessgroup.com/email/N11HOR_35E/gameplay_sectioned_screenshot.png" alt="Christmas game" width="120" height="80" border="0" /></a><br />
      </p>
  <p style="font-size: 11px; margin:0px 0px 0px 0px; color: #000000; line-height: 18px; font-family: verdana, arial, helvetica, sans-serif;"><a href="mailto:?subject=Play this fun Christmas game from Access&body=Hi, I saw this game and thought you’d have fun with it. Have a go and you might even win £100 or € equivalent in Amazon vouchers. http://static.emarket2.com/access/3127/ … html" style="color: #000; text-decoration: none;">Test your nerve, precision and <br />
    finger power against your colleagues</a></p></td></tr></table>

You're using border-right:solid 1px #666666; border-bottom:solid 1px #666666; border-left:solid 1px #666666; to set your border, but that's not client compatible. You have to use border-right-style:solid; border-right-width: 1px; border-right-color:#666666; border-left-style:solid; border-left-width: 1px; border-left-color:#666666; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color:#666666;

It's a little bit longer, but necessary.

I also placed style="border-collapse:collapse;" on the table, but you have to experiment with it.


Create a Clang!
jodygibbons, 5 years ago

Thanks again wilbertheinen,

When I get a chance I will try out this solution, hopefully later today. I didn't realise the borders had to be set this way, so I'll do this from now on. Probably explains why most of the borders weren't displaying in HotMail.

Cheers
Jody

BThies BThies, 5 years ago

Jody,

Rather than use border-left and border-right, simply use a <td width="1" bgcolor="#666666"></td>.  This makes it much easier to add up <td>'s for the main nested table.

Also, border-top:1px solid #666666 & border-bottom:1px solid #666666 work just fine in major email clients.  Just remember that any <td>'s in the same row will need to have the same border applied.  Use nested tables when you only need one of the <td>'s in a <tr> to have a border.

Other things to note:

• Colspans/rowspans can cause many unexpected issues - use nested tables instead.

• Margin on images is unsupported in Outlook 2007/2010.

• Margin should be used primarily on <p> tags only.

• If you're not using any form of margin on some of the <p> tags, use a <div> tag instead.  It'll save you the extra margin code.

• You should always set the bottom margin of a <p> tag to bump the next line rather than the top margin, as top margin is not always supported.  So it'd be margin-top:0px; margin-bottom:10px;

• Padding should be used only in <td>'s, and top/bottom padding should be the same on all <td>'s in the same <tr> row.

• Rather than using padding-left and padding-right, just use a nested table with <td>'s for your horizontal spacing.  Makes it much easier to add up.

• In your first offer box, you have double quotes at the end of the first <td> tag.

• Verdana 8px is very hard to read.  Anything below 9px and I'd recommend Arial.

• When centering an image that is not full <td> width, use a <div> tag instead of a <p> tag.  Also, in that particular instance set the image to display:inline. (All others that fill a <td> should be set to block)

• Height should be defined in <td>'s, not in <table>'s.

• border="0" is enough for setting the border to 0 in images (no need for styles)


Brian Thies
Professional Email Developer
Thies Publishing
jodygibbons, 5 years ago

Morning BThies,

Thanks for your message - I have printed out your email to keep as golden reference. There great points and issues I just wasn't aware of. Unfortunately this email has now been deployed so I couldn't implement these changes this time round. I will however makes this changes to our standard customer email, which we send out normally twice a week. Thanks again BThies!

Cheers
Jody

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098