title: HTML Email Render in Outlook - VML
body: <p>I have created a HTML email and when viewing in Outlook 2007 I couldn't see some images as they were backgrounds. I have done some hack using VML however it won't let me leave the height value blank as it defaults to 100px, or I can't put auto or a percentage. The background image needs to be able to resize depending on the text size so it shows all the text. </p>
  
  <p>This is the code I have working except for the height values.</p>
  
  <pre><code>&lt;td colspan="6" align="center" valign="top" style="background-image: url('http://example.com/content_centre.png');" background="http://example.com/content_centre.png"&gt;
       &lt;!--[if gte mso 9]&gt;
          &lt;v:rect xmlns:v="urn:schemas-microsoft-com:vml" style="width:620px;height:200px;" strokecolor="none"&gt;
            &lt;v:fill xmlns:v="urn:schemas-microsoft-com:vml" type="tile" color="#DDDDDD" src="http://example.com/content_centre.png" /&gt;&lt;/v:fill&gt;
          &lt;/v:rect&gt;
          &lt;v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style="position:absolute;width:620px;height:200px;"&gt;
      &lt;![endif]--&gt;
      &lt;table cellspacing="0" cellpadding="0" border="0" style="width:100%;"&gt;&lt;tr&gt;
          &lt;td width="30"&gt;&lt;/td&gt;
          &lt;td align="left" style="font-family:Arial, Helvetica, sans-serif; background:#ffffff; "&gt;
              &lt;p&gt;This is where the text will appear. Doesn’t matter how much text it just stops displaying it.&lt;/p&gt;&lt;/td&gt;
          &lt;td width="30"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
      &lt;!--[if gte mso 9]&gt;
          &lt;/v:shape&gt;
      &lt;![endif]--&gt;
      &lt;/td&gt;
  </code></pre>
  
  <p>Any help would be appreciated.</p>