title: Resizing a div background
body: <p>At the beginning I'd like to apologize for my english..<br>
  But cutting the chase - I doing my first website and I have a problem with div background. I want to changing the background resolution of div when I resize the browsers' window like this <a href="http://kamilnizinski.pl" rel="nofollow">http://kamilnizinski.pl</a> or <a href="http://rumblelabs.com" rel="nofollow">http://rumblelabs.com</a> - as you can see the background is fully changing resolution when you resize window. In my CSS file I have       </p>
  
  <pre><code>.background { 
  height: 100%; 
  background-image: url('img/background.png'); 
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-size: cover; 
  background-position: center; } 
  </code></pre>
  
  <p>so I get a part of a image without resizing. So my question is - how can I get this effect? I must change something in CSS or I must use javascript/jQuery?<br>
  Thank you in advance for your answers.</p>