title: re-size image according to screen size automatically
body: <p>I have a simple div and an IMG tag in it. The goal I have to achieve is:</p>
  
  <p>Background image should be re-sized automatically according to screen width and height and no horizontal or vertical scroll-bars appear.</p>
  
  <p>how can I accomplish this ?</p>
  
  <p>------------------------------Code--------------------------</p>
  
  <pre><code>&lt;div&gt;
  &lt;img id="image" src="background.png" alt="Image not found"/&gt;
  &lt;/div&gt;
  </code></pre>