border not showing in Outlook 2007

Hi,

I am currently preparing a newsletter and i am running into a Outlook 2007 border dispaly issue.
issue: Outlook 2007 is not showing the right borders. Top,bottom and left dispaly fine. This only occurs in
Outlook 2007. The layout is rendered correctly in Hotmail, Gmail, Yahoo, IE7&FF.

The border style is applied to div tags: <div style="border: 1px solid #cbd9e6;">

This is a Google Mail restriction:

"If a border around a TD cell is needed, Google Mail displays a border
when defined in a DIV but not when defined as a border style in a TD tag."
(http://www.reachcustomersonline.com/content/2004/11/11/09.27.00/index.php)


For the purpose of troubleshooting i have set all borders margins and paddings to 0

i tried border-collapse:collapse and border-collapse:separate, no difference
i tried border-spacing, no difference

source code:

<table width="701" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
<tr>
<td  colspan="2" width="701"><img src="http://www.babatounkara.net/pert/pert_header.jpg" width="701" height="95" /></td>
</tr>
  <tr>
    <td width="100" height="610" valign="top"><img src="http://www.babatounkara.net/pert/pert_left.jpg" width="100" height="604" /></td>
    <td width="601" height="610"><div style="border: 1px solid #cbd9e6;" ><table width="601" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="347" height="610"><table width="347" height="600" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="345" height="60" colspan="2"><img src="http://www.babatounkara.net/pert/pert_title%20copy.jpg" width="345" height="60" /></td>
  </tr>
  <tr>
    <td width="11" height="544" valign="top">&nbsp;</td>
    <td width="335" align="left" valign="top"><div style="border: 1px solid #cbd9e6;"><table bgcolor="#f1f8ff" width="337" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td height="20" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">Dr. blablablabla</td>
  </tr>
 
  <tr>
    <td height="70"><table width="335" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="71" height="70"><img src="http://www.babatounkara.net/pert/pert_1-1.jpg" width="71" height="70" /></td>
    <td width="318" height="70" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablabla</td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td height="70" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablablablablablablabla</td>
  </tr>
  <tr>
    <td height="347" valign="top" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;"><p>blablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p></td>
  </tr>
  <tr>
    <td height="18"><table width="335" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="18" height="15"><img src="http://www.babatounkara.net/pert/pert_arrow.jpg" width="18" height="15" /></td>
    <td width="317" height="15" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablabla</td>
  </tr>
</table></td>
  </tr>
</table></div></td>
  </tr>
 
</table>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
    <td width="11" valign="top">&nbsp;</td>
    <td width="243" valign="top"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td height="82"><img src="http://www.babatounkara.net/pert/pert_button%20copy.jpg" width="243" height="82" /></td>
  </tr>
 
  <tr>
    <td height="20" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">NEW blablabla</td>
  </tr>
  <tr>
    <td height="72"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="70" height="72"><img src="http://www.babatounkara.net/pert/pert_2-1.jpg" width="70" height="72" /></td>
    <td width="173" height="72" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablabla</td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td height="36"><p>&nbsp;</p>    </td>
  </tr>
  <tr>
    <td height="16"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="18" height="15"><img src="http://www.babatounkara.net/pert/pert_arrow.jpg" width="18" height="15" /></td>
    <td width="225" height="15" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablabla</td>
  </tr>
</table></td>
  </tr>
</table></td>
  </tr>
</table></div></td>
  </tr>
</table>

robenslin, 8 years ago

Hi STABLINSKI,

Could you send me a proof to look at? (renslin at cmpi dot biz)

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098