title: VML background image positioned on bottom for Outlook
body: <p>I am creating an email which has to be look good on Outlook. On the email, I have a paragraph of text (which heights amounts to 324px), and I need a background image (height: 153px) located on the bottom of the paragraph.</p>
  
  <p>I now have the below codes:</p>
  
  <pre><code>&lt;td align="center" valign="top" background="background.png" style="background-repeat: no-repeat;background-position:bottom;background-size: contain;" height="324" bgcolor="#ffffff"&gt;
        &lt;!--[if gte mso 9]&gt;
        &lt;v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 620px;height: 153px;"&gt;
          &lt;v:fill type="frame" src="background.png" color="#ffffff"  /&gt;
        &lt;![endif]--&gt;
        Body Text here
      &lt;!--[if gte mso 9]&gt;
        &lt;/v:rect&gt;
        &lt;![endif]--&gt;
      &lt;/td&gt;
  </code></pre>
  
  <p>The current problem is:</p>
  
  <ol>
  <li>The background image is not to scale. It's stretched to the full height of the paragraph.</li>
  <li>I'm not sure how to position it on the bottom of the paragraph.</li>
  </ol>
  
  <p>Can anyone good at VML help me with this? Thanks a lot!</p>