title: Proportionally resize an image with just HTML and using a input tag?
body: <pre><code>&lt;form name="loginform" action="URL_TO_LOGIN_PAGE_GOES_HERE" method="post"&gt;
  &lt;input type="hidden" name="log" value="USERNAME" /&gt;
  &lt;input type="hidden" name="pwd" value="PASSWORD" /&gt;
  &lt;input type="submit" value="" class="mtrgimg" style="background:url(http://aff.securesb.info/accounts/default1/banners/b40a4792.png) center no-repeat; width:145px; height:145px; border:none; cursor:pointer;" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/kr3n4/1/" rel="nofollow">http://jsfiddle.net/kr3n4/1/</a></p>
  
  <p>I would like for the image in this button to be proportionally resized to 145x145. I do not have access to the stylesheet so I cannot use any CSS. Also, cannot use JavaScript. There must be a way to resize using just HTML.</p>
  
  <p>Also, when it is all said and done, I would also like this button to open its link in a new new tab or window.</p>