title: How to resize to the img tag appropriate?
body: <p>I want to show an image in small windows but i need to save on the ratio of the image(I still want that people can know what it is).
  For example lets say that the image is 1000X200 pixels, and there's a div that defined as:
  height: 100px;
  width: 100px;
  So I want that the image will wrote like that:</p>
  
  <pre><code>&lt;img src="asd.jpg" height=20 width=100 /&gt;
  </code></pre>
  
  <p>and not </p>
  
  <pre><code>&lt;img src="asd.jpg" height=100 width=100 /&gt;
  </code></pre>
  
  <p>or not</p>
  
  <pre><code>&lt;img src="asd.jpg"/&gt;
  </code></pre>
  
  <p>and then there's scrolls..</p>
  
  <p>I can work with percentages, but how do I do it.. (and does it even work with percentages alone?) </p>