title: Resizing img to 100% inside td
body: <p>I want to set the image size to 100% inside of td.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table style="width:100%; max-width:960px; margin:auto;"&gt;
    &lt;tr style="width:100%;"&gt;
   &lt;td background="http://source/bg.png"&gt; 
            &lt;img src="http://source/logo.png" style="margin-left:35%;" /&gt;
     &lt;h1 style="text-align:center;"&gt;&lt;a href="#" style="text-decoration:none;color:white;"&gt; Some text on top of bg-image inside a td&lt;/a&gt;&lt;/h1&gt;
   &lt;/td&gt;
    &lt;/tr&gt;
  
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So I have a big td with bg-image and a logo on top of it with some text.I am doing css all in-line to be able to send html email.</p>
  
  <p>The problem is that the image has it's natural size, and doesn't resize to 100% to fit the td size.</p>