title: scale background image in div depending on screen size
body: <p>I have a div containing a background image that I want to keep aligned in the bottom right corner but I want the image to scale depending on the size of the browser window. What I currently have is:</p>
  
  <pre><code>backgnd {
      background: url(img/roneggler.png) no-repeat;
      position: fixed;
      bottom: 0px;
      right: 0px;
      width: 1000px;
      height: 1000px;
  }
  </code></pre>
  
  <p>I have tried to set the <code>width</code> and <code>height</code> values to <code>100%</code> but that messes with the position of the <code>div</code>. The link of this page can be found here: <a href="http://inetgate.biz/ron.eggler/" rel="nofollow noreferrer">http://inetgate.biz/ron.eggler/</a> </p>