Outlook 2007 problem with rounded corner design

Hi, I am trying to get a newsletter with rounded corners to work, after various problems I am rebuilding it, but even at an early stage, with just a rounded rectangle with a border, Outlook 2007 is causing problems.  The middle section is too wide, so the borders don't meet up.  It's ok in Outlook 2003 and in Gmail (Firefox, Chrome) and Yahoo and Hotmail so far.  Any advice welcome! Code 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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Birkbeck, University of London HTML email</title>
<style type="text/css" media="screen">

img {display:block;}

    
      /*body {
          background-color: #92ac92;
          margin: 0;
          padding: 0;
        padding-bottom: 20px;
        text-align: center;
        margin:auto;
      }*/
      
       h1    {
          color:#3d3d3d;
        font-size: 1.5em;
        font-weight:bold;
        margin:0;
        padding: 5px 0 5px 0;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      h2    {
          color:#990033;
        font-size:1em;
        font-weight:bold;
        margin:0;
        padding: 5px 0 5px 0;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
       h2 a    {
          color:#990033;
        font-weight:bold;
        text-decoration: underline;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      h3    {
         font-weight: bold;
         font-size: .9em;
         color: #3d3d3d;
         font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      ul    {
      font-size: .9em;
      }
      
      ol    {
      font-size: .9em;
      }
      
      li    {
          padding-bottom: 5px;
      }
      
      li a    {
          color:#363535;
        text-decoration:underline;
        font-weight:bold;
        margin:0;
      }

      img    {
          border: 0;
      }
      
      img.border    {
        border: solid 5px #ffffff;
      }
      
      #wrapper    {
        background-color: #92ac92;
          margin: 0 auto;
          padding: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        /*text-align: center;*/
      }
      
      #main {
           margin: 0px auto;
        /*margin-top: 20px;*/
        vertical-align:top; 
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        /*background-color:#ffffff;*/
        padding:0;
      }
      
      #disclaimer    {
        font-family:  Arial, Verdana, Helvetica, sans-serif; 
        font-size: .7em;
        color: #272627;
        background-color: #779777;
      }
      
      #disclaimer a    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
      }
      
      .mid-sage    {
        background-color: #779777;
      }  
      
      .header-left1    {
        background-color: #4a744a;
        width: 11px;
      }
      
      
      .header-left2    {
        background-color: #4a744a;
        width: 80px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left2 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      .header-left3    {
        background-color: #4a744a;
        width: 78px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left3 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      .header-left4    {
        background-color: #4a744a;
        width: 75px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left4 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      #header    {
          background-color: #225435;
      }
      
      #main-header    {
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 1.5em;
          color: #ced3c5;
          height: 33px;
      }
      
      #main-header2    {
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 1.5em;
          color: #ffffff;
          /*height: 35px;*/
      }
      
      .whiteborder    {
          border-top: 0;
          border-bottom: 0;
          border-left: solid 10px #edf1ed;
          border-right: solid 10px #edf1ed;
          padding: 0;
          margin: 0;
          background-color: #779777;
      }
      
      #sageborder    {
          border-top: 0;
          border-bottom: 0;
          border-left: solid 10px #779777;
          border-right: solid 10px #779777;
      }
      
      #left    {
          border: solid 10px #b7c8b7;
          border-top: 0;
          background-color: #b7c8b7;
      }
      
      td.left-green    {
          background-color: #225435;
          color: #9bad9b;
          /*border: solid 10px #225435;*/
          padding: 5px;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: .8em;
          font-weight: bold;
          border-top: solid 10px #b7c8b7;
      }
      
      td.left-grey    {
          background-color: #e1e5de;
          color: #3f3e3e;
          /*border: solid 10px #225435;*/
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: .8em;
          padding: 5px;
          
      }
      
      td.left-grey ul    {
          /*padding: 10px;*/
          padding-left: 15px;
          /*padding:0;*/
          margin: 0;
          color: #235435;
      }
      
      td.left-grey li    {
          padding: 0;
          padding-bottom: 5px;
          margin: 0;
          color: #3f3e3e;
      }
      
      td.left-grey a    {
          color: #225435;
          text-decoration: none;
      }
      
       td.left-grey1    {
          background-color: #e1e5de;
          color: #3f3e3e;
          /*border: solid 10px #225435;*/
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: .8em;
          padding: 5px;
          padding-top: 0;
          
      }
      
      td.left-grey1 a    {
          color: #225435;
          text-decoration: none;
      }
      
      #right    {
          background-color: #edf1ed;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          width: 370px;
          padding: 10px;
      }
      
      .top-article    {
      }
      
      .main-image    {
          border-bottom: solid 15px #edf1ed;
      }
      
      .article-heading    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #1a191a;
        background-color: #edf1ed;
        padding-bottom: 10px;
      }
      
      .article    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .8em;
        color: #1a191a;
        background-color: #edf1ed;
      }
      
      .article a    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        color: #1a191a;
        background-color: #edf1ed;
        text-decoration: underline;
      }
      
      #footer    {
         background-color: #779777;
         font-family:  Arial, Verdana, Helvetica, sans-serif;
         font-size: .75em;
         color: #272627;
         padding: 10px 0 10px 0;
      }
      
      #footer a    {
         background-color: #779777;
         font-family:  Arial, Verdana, Helvetica, sans-serif;
         color: #272627;
         text-decoration: underline;
      }
      
   </style>
</head>

<body>

<table cellspacing="0" cellpadding="0" border="0" width="100%" id="wrapper">
<tr>
   <td align="center" bgcolor="#92ac92">

<table border="0" cellspacing="0" cellpadding="0" id="main">
  <tr>
    <td width="600"><img src="images/top.gif" width="600" height="28" alt="" /></td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>

  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>

  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>
  </tr>
  <tr>
    <td width="580" class="whiteborder">&nbsp;</td>

  </tr>
  <tr>
    <td width="600"><img src="images/bottom.gif" width="600" height="28" alt="" /></td>
  </tr>
</table>

</td>
</tr>
</table>
</body>
</html>
Rich Simisker Rich Simisker, 5 years ago

Hi, Naomi:

The problem lies with your use of left and right CSS borders, and the knock-on effect of specifying those whiteborder-classed tds as a smaller width.

Outlook and CSS borders are not the happiest of bedfellows; you really would be much better off replicating the effect of borders by using nested tables.

Assuming I've interpreted the markup correctly, you could have a td that's 600px wide [with a bgcolor of the border colour, and centre alignment], and within that, a 580px-wide table, where you put your content.


Self-styled "Technical Boffin" at Plasticle E-mail Design.
NaomiB, 5 years ago

Thanks Rich, I will give that a try.

NaomiB, 5 years ago

Hi,

Thanks to your advice it now seems fine in all except Gmail, where there are major problems, the table with the main content is outside the main table.

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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Birkbeck, University of London HTML email</title>
<style type="text/css" media="screen">

img {display:block;}

    
      /*body {
          background-color: #92ac92;
          margin: 0;
          padding: 0;
        padding-bottom: 20px;
        text-align: center;
        margin:auto;
      }*/
      
       h1    {
          color:#1a191a;
        font-size: 18px;
        font-weight:bold;
        margin:0;
        padding: 0;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      h2    {
          color:#1a191a;
        font-size:18px;
        font-weight:bold;
        margin:0;
        padding-bottom: 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
       h2 a    {
          color:#1a191a;
        font-weight:bold;
        text-decoration: underline;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      h3    {
         font-weight: bold;
         font-size: .9em;
         color: #3d3d3d;
         font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      ul    {
      font-size: .9em;
      }
      
      ol    {
      font-size: .9em;
      }
      
      li    {
          padding-bottom: 5px;
      }
      
      li a    {
          color:#363535;
        text-decoration:underline;
        font-weight:bold;
        margin:0;
      }

      img    {
          border: 0;
      }
      
      img.border    {
        border: solid 5px #ffffff;
      }
      
      #wrapper    {
        background-color: #92ac92;
          margin: 0 auto;
          padding: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        /*text-align: center;*/
      }
      
      .main {
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        color: #3f3e3e;
        font-size: 13px;
      }
      
      .main a    {
        font-family: Arial, Verdana, Helvetica, sans-serif; 
        color: #3f3e3e;
        font-size: 13px;
        text-decoration: underline;
      }
      
      .main-h2    {
        color:#1a191a;
        font-size:16px;
        font-weight:bold;
        margin:0;
        padding-bottom: 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
       .main-h2 a    {
          color:#1a191a;
        font-weight:bold;
        text-decoration: underline;
        font-family: Arial, Verdana, Helvetica, sans-serif;
      }
      
      .disclaimer    {
        font-family:  Arial, Verdana, Helvetica, sans-serif; 
        font-size: 11px;
        color: #2e302e;
        background-color: #779777;
      }
      
      .disclaimer a    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
      }
      
      .mid-sage    {
        background-color: #779777;
      }  
      
      .smallnav    {
          background-color: #4a744a;
          color: #fafbfa;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: bold;
      }
      
      .smallnav-a    {
          background-color: #4a744a;
          color: #fafbfa;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: bold;
          text-decoration: none;
      }
      
      .birkbeck-newsletter    {
          color: #c7cec2;
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 27px;
          padding-left: 10px;
      }
      
      .top-heading    {
          color: #ffffff;
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 27px;
          padding-left: 10px;
          padding-bottom: 10px;
      }
      
      .header-left1    {
        background-color: #4a744a;
        width: 11px;
      }
      
      
      .header-left2    {
        background-color: #4a744a;
        width: 80px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left2 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      .header-left3    {
        background-color: #4a744a;
        width: 78px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left3 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      .header-left4    {
        background-color: #4a744a;
        width: 75px;
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8faf8;
      }
      
      .header-left4 a {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .95em;
        font-weight: bold;
        color: #f8faf8;
        text-decoration: none;
      }
      
      #header    {
          background-color: #225435;
      }
      
      #main-header    {
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 1.5em;
          color: #ced3c5;
          height: 33px;
      }
      
      #main-header2    {
          background-color: #225435;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 1.5em;
          color: #ffffff;
          /*height: 35px;*/
      }
      
      .whiteborder    {
          border-top: 0;
          border-bottom: 0;
          border-left: solid 10px #edf1ed;
          border-right: solid 10px #edf1ed;
          padding: 0;
          margin: 0;
          background-color: #779777;
      }
      
      #sageborder    {
          border-top: 0;
          border-bottom: 0;
          border-left: solid 10px #779777;
          border-right: solid 10px #779777;
      }
      
      #left    {
          border: solid 10px #b7c8b7;
          border-top: 0;
          background-color: #b7c8b7;
      }
      
     .left-green    {
          background-color: #225435;
          color: #9bad9b;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: bold;

      }
      
      .left-grey    {
          background-color: #e1e5de;
          color: #3f3e3e;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          padding-bottom: 5px;
          
      }
      
      .toc    {
          color: #3f3e3e;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          text-decoration: none;
      }
      
      .toc a    {
          color: #3f3e3e;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: 13px;
          text-decoration: none;
      }
      
      .left-grey ul    {
          /*padding: 10px;*/
          padding-left: 15px;
          /*padding:0;*/
          margin: 0;
          color: #235435;
      }
      
      .left-grey li    {
          padding: 0;
          padding-bottom: 5px;
          margin: 0;
          color: #3f3e3e;
      }
      
      .left-grey a    {
          color: #2e5d3f;
          text-decoration: none;
      }
      
       td.left-grey1    {
          background-color: #e1e5de;
          color: #3f3e3e;
          /*border: solid 10px #225435;*/
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          font-size: .8em;
          padding: 5px;
          padding-top: 0;
          
      }
      
      td.left-grey1 a    {
          color: #225435;
          text-decoration: none;
      }
      
      #right    {
          background-color: #edf1ed;
          font-family:  Arial, Verdana, Helvetica, sans-serif;
          width: 370px;
          padding: 10px;
      }
      
      .top-article    {
      }
      
      .main-image    {
          border-bottom: solid 15px #edf1ed;
      }
      
      .article-heading    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #1a191a;
        background-color: #edf1ed;
        padding-bottom: 10px;
      }
      
      .article    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        font-size: .8em;
        color: #1a191a;
        background-color: #edf1ed;
      }
      
      .article a    {
        font-family:  Arial, Verdana, Helvetica, sans-serif;
        color: #1a191a;
        background-color: #edf1ed;
        text-decoration: underline;
      }
      
      .footer    {
         background-color: #779777;
         font-family:  Arial, Verdana, Helvetica, sans-serif;
         font-size: 10px;
         color: #272627;
      }
      
      .footer a    {
         background-color: #779777;
         font-family:  Arial, Verdana, Helvetica, sans-serif;
         color: #272627;
         text-decoration: underline;
      }
      
   </style>
</head>

<body>

<table cellspacing="0" cellpadding="0" border="0" width="100%" id="wrapper">
<tr>
   <td align="center" bgcolor="#92ac92">

<table border="0" cellspacing="0" cellpadding="0" id="main">
  <tr>
    <td width="600"><img src="images/top.gif" width="600" height="28" alt="" /></td>
  </tr>
  <tr>
    <td width="600" align="center"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center" bgcolor="#edf1ed"><table width="580" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" bgcolor="#779777">
            <table width="560" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#779777"><table width="560" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="320" align="left" valign="top" class="disclaimer">You're receiving this newsletter because you registered your details to find out more about courses at Birkbeck, University of London.  Having trouble viewing this email?<br /><webversion style="color: #ffffff; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: none;">View it in your browser</webversion>.</td>
                    <td><table width="240" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><img src="images/small-nav-top1.gif" width="240" height="17" alt="" /></td>
                      </tr>
                      <tr>
                        <td width="240" bgcolor="#4a744a"><table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td align="left" valign="top" bgcolor="#4a744a" class="smallnav"><a href="http://www.bbk.ac.uk/events/openeve" class="smallnav-a">Open<br />
                              Evenings</a></td>
                            <td align="left" valign="top" bgcolor="#4a744a" class="smallnav"><a href="http://www.bbk.ac.uk/research/" class="smallnav-a">Our<br />
                              research</a></td>
                            <td valign="top" bgcolor="#4a744a" class="smallnav"><a href="http://www.bbk.ac.uk/study/all_courses/" class="smallnav-a">Our<br />
                              courses</a></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td height="20" bgcolor="#4a744a">&nbsp;</td>
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td bgcolor="#225435"><img src="images/top-main1.gif" width="560" height="15" alt="" /></td>
              </tr>
              <tr>
                <td bgcolor="#225435"><table width="560" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="360" valign="top"><table width="360" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td valign="top"><table width="340" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td align="left" valign="top" class="birkbeck-newsletter">Birkbeck Newsletter</td>
                            </tr>
                            <tr>
                              <td align="left" valign="top" class="top-heading">Department of Geography, Environment and Development Studies</td>
                            </tr>
                          </table></td>
                        </tr>
                      </table></td>
                      <td width="200" valign="top"><img src="images/logo.gif" width="200" height="82" alt="Birkbeck, University of London" /></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td bgcolor="#edf1ed"><table width="560" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="center" valign="top" bgcolor="#b7c8b7"><table width="190" border="0" cellpadding="0" cellspacing="10">
                      <tr>
                        <td bgcolor="#b7c8b7"><table width="170" border="0" cellspacing="0" cellpadding="8">
                          <tr>
                            <td align="left" bgcolor="#225435" class="left-green">In this issue</td>
                          </tr>
                          <tr>
                            <td align="left" valign="top" bgcolor="#e1e5de"><table width="150" border="0" cellspacing="5" cellpadding="0">
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#apply" class="toc">Apply online</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#taster" class="toc">Taster evening</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#human" class="toc">The Importance of Being Human</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#video" class="toc">Watch our introductory video</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#international" class="toc">Information for international students</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#olympic" class="toc">Olympic City Critiques Reading Group</a></td>
                              </tr>
                              <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#radio" class="toc">GEDS lecturer on BBC Radio 4</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#churches" class="toc">GEDS lecturer advises on National Churches Trust Survey</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#contact" class="toc">Contact us</a></td>
                              </tr>
                              <tr>
                                <td width="10" align="left" valign="top"><img src="images/bullet.gif" width="10" height="15" alt="" /></td>
                                <td><a href="#links" class="toc">Links</a></td>
                              </tr>
                            </table></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td bgcolor="#b7c8b7"><table width="170" border="0" cellspacing="0" cellpadding="8">
                          <tr>
                            <td align="left" bgcolor="#225435" class="left-green">Forward to a friend</td>
                          </tr>
                          <tr>
                            <td align="left" bgcolor="#e1e5de"><table width="150" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="left" class="left-grey">Know someone who might be interested in the email? Why not <forwardtoafriend style="color: #2e5d3f; font-weight: bold; text-decoration: none;">forward this email to them</forwardtoafriend>?</td>
                              </tr>
                              <tr>
                                <td align="left" class="left-grey">Alternatively, post it on <fblike style="color: #225435; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; text-decoration: none;">Facebook</fblike> or <tweet style="color: #225435; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; text-decoration: none;">Twitter</tweet>.</td>
                              </tr>
                              <tr>
                                <td align="left"><table width="75" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td width="45" align="left"><fblike><img src="images/facebook.gif" width="40" height="40" alt="Facebook" /></fblike></td>
                                    <td align="left"><tweet><img src="images/twitter.gif" width="40" height="40" alt="Twitter" /></tweet></td>
                                  </tr>
                                </table></td>
                              </tr>
                            </table></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td bgcolor="#b7c8b7"><table width="170" border="0" cellspacing="0" cellpadding="8">
                          <tr>
                            <td align="left" bgcolor="#225435" class="left-green">Unsubscribe</td>
                          </tr>
                          <tr>
                            <td align="left" bgcolor="#e1e5de" class="left-grey">If you don't want to receive these emails any more, please <unsubscribe style="color: #225435; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; text-decoration: none;">unsubscribe instantly</unsubscribe>.</td>
                          </tr>
                        </table></td>
                      </tr>
                    </table></td>
                    <td width="370" valign="top"><table width="370" border="0" cellpadding="10" cellspacing="0">
                      <tr>
                        <td align="left"><h1>Summer Newsletter 2011</h1></td>
                      </tr>
                      <tr>
                        <td><img src="images/windmills.jpg" width="350" height="210" alt="Windmills" /></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="main-h2"><a name="apply" id="apply"></a><a href="http://www.bbk.ac.uk/geds/prospective-students/prospective-students">Apply online now</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="main">
                        Our innovative courses, offered at all levels, will help you gain up-to-date specialised skills that will give you a competitive edge in the workplace.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="main-h2"><a name="taster" id="taster"></a><a href="http://www.bbk.ac.uk/sshp/news/sshp-taster-evening">Taster Evening</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Whether you have already applied, or are just thinking about it, come along to our Taster Evening to find out more about the <a href="http://www.bbk.ac.uk/geds/">Department of Geography, Environment and Development Studies</a> and the range of programmes we offer for all levels of study. The evening will provide the opportunity to meet staff and see a presentation from the department.<br /><strong>Date:</strong> Wednesday 1 June, 6-8pm<br /><strong>Venue:</strong> <a href="http://www.bbk.ac.uk/maps">Central London campus</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="human" id="human"></a>The Importance of Being Human</td>
                      </tr>
                      <tr>
                        <td align="left" class="main">On 28 March 2011, the department of Geography, Environment and Development Studies hosted a public lecture as part of the School of Social Science, History and Philosophy lecture series The Importance of Being Human. Listen to the podcast of Karen Wells' lecture, <a href="http://backdoorbroadcasting.net/2011/03/karen-wells-whose-children-child-protection-in-the-global-world/">Whose Children: Child Protection in the Global World</a>.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="video" id="video"></a><a href="http://www.bbk.ac.uk/sshp/prospective-students/video">Watch our introductory video</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Find out more about studying in the School of Social Sciences, History and Philosophy.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="international" id="international"></a><a href="http://www.bbk.ac.uk/sshp/prospective-students/information-for-international-students">Information for international students</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Birkbeck is home to a growing community of students from across the globe and welcomes applications from eligible international students.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="olympic" id="olympic"></a><a href="http://www.bbk.ac.uk/geds/our-research/olympic-city-critiques-reading-group">Olympic City Critiques Reading Group</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Birkbeck's Department of Geography, Environment and Development Studies have set up a reading group open to students, academics, activists and other individuals interested in exploring the social, economic and political processes of these spectacular urban mega-events from critical perspectives.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="radio" id="radio"></a><a href="http://www.bbk.ac.uk/geds/news/geds-lecturer-on-radio4">GEDS lecturer on BBC Radio 4</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Sian Sullivan was interviewed for the Radio 4 programme ‘Costing the Earth’, broadcast on Wednesday 16th March.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="churches" id="churches"></a><a href="http://www.bbk.ac.uk/geds/news/geds-lecturer-advises-on-national-churches-trust-survey">GEDS lecturer advises on National Churches Trust Survey</a></td>
                      </tr>
                      <tr>
                        <td align="left" class="main"><a hre="http://www.bbk.ac.uk/geds/our-staff/full-time-academic-staff/shepherd">John Shepherd</a>, Chair of Human Geography, acted as a statistical adviser to the National Churches Trust Survey of church buildings, their condition, financial situation and use, especially in relation to urban-rural location. The report which covers approximately 47,000 churches was published on 17 April 2011.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="contact" id="contact"></a>Contact us</td>
                      </tr>
                      <tr>
                        <td align="left" class="main">Department of Geography, Environment and Development Studies (GEDS)<br />Birkbeck, University of London<br />Malet Street<br />London, WC1E 7HX, UK<br /><strong>Tel:</strong> +44 (0) 20 3073 8000<br /><strong>Email:</strong> <a href="mailto:enquiries-geds@bbk.ac.uk">enquiries-geds@bbk.ac.uk</a><br /><strong>Web:</strong> <a href="http://www.bbk.ac.uk/geds">www.bbk.ac.uk/geds</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><hr /></td>
                      </tr>
                      <tr>
                        <td align="left" class="main-h2"><a name="links" id="links"></a>Links</td>
                      </tr>
                      <tr>
                        <td align="left" class="main"><a href="http://www.bbk.ac.uk/geds/">Department of Geography, Environment and Development Studies</a><br /><a href="http://www.bbk.ac.uk/events/openeve">Birkbeck Open Evenings</a><br /><a href="http://www.bbk.ac.uk/sshp/news/sshp-taster-evening">Taster Evening</a><br /><a href="http://www.bbk.ac.uk/study/all_courses/genderstudies.html">Gender Studies courses</a><br /><a href="http://www.bbk.ac.uk/study/all_courses/highereducationintroductorystudies.html">Higher Education Introductory Studies</a><br /><a href="http://www.bbk.ac.uk/study/all_courses/highereducationintroductorystudies.html">Academic English courses for native English speakers</a><br /><a href="http://www.bbk.ac.uk/study/all_courses/highereducationintroductorystudies.html">Academic English courses for non-native English speakers</a></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td bgcolor="#edf1ed"><img src="images/bottom1.gif" width="560" height="20" alt="" /></td>
              </tr>
              <tr>
                <td align="right" bgcolor="#779777"><table width="555" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="footer">Birkbeck, University of London, Malet Street, Bloomsbury, London WC1E 7HX  <a href="http://www.bbk.ac.uk">www.bbk.ac.uk</a></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
          
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="600"><img src="images/bottom.gif" width="600" height="28" alt="" /></td>
  </tr>
</table>

</td>
</tr>
</table>
</body>
</html>
Rich Simisker Rich Simisker, 5 years ago

Hi again! Looks like you've missed out an opening <tr> tag for the "GEDS lecturer on BBC Radio 4" Table Of Contents row.

Might be as simple as that :)


Self-styled "Technical Boffin" at Plasticle E-mail Design.
NaomiB, 5 years ago

Ah yes, you're right.  My embarrassment is outweighed by my gratitude and my relief that it is now fine and I can go home!

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