title: mailchimp template doesn't display in outlook
body: <p>I am using a Mailchimp and their template for our email marketing.  I added the outlook specific CSS code, but it still isn't showing correctly in Outlook.  Any suggestions?
  Here is part of the header:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org      /TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;*|MC:SUBJECT|*&lt;/title&gt;
      &lt;style type="text/css"&gt;
          /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
          /** Outlook 07, 10 Padding issue: These "newer" versions of     Outlook add some padding around table cells potentially throwing off your perfectly pixeled table.  The issue can cause added space and also throw off borders completely.  Use this fix in your header or inline to safely fix your table woes.
  
  More info: http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and-1px-padding-on-table-cells/
  http://www.campaignmonitor.com/blog/post/3392/1px-borders-padding-on-table-cells-in-outlook-07/
  
  H/T @edmelly
  
  Bring inline: No.
  **/
  table td {border-collapse: collapse !important}
  
          #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button      */
          .ReadMsgBody{width:600px;} .ExternalClass{width:600px;} /* Force Hotmail to display emails at full width */
          .yshortcuts, a .yshortcuts, a .yshortcuts:hover, a .yshortcuts:active, a .yshortcuts:focus{background-color:transparent !important; border:none !important; color:inherit !important;} /* Prevent Yahoo! from styling links */
  
          /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
          body{margin:0; padding:0;}
          img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
          table, td{border-collapse:collapse !important; mso-table-lspace:0pt; mso-table-rspace:0pt;}
          #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
          #bodyCell{padding:10px;}
          .templateContainer{width:600px;}
  </code></pre>