title: CSS Image Resizing
body: <p>I have this CSS code:</p>
  
  <pre><code>&lt;style&gt;
       body {
       position:absolute;
       background-image: url(art/c11.jpg);
       width:100%;
       height:100%;
       }
  &lt;/style&gt;
  </code></pre>
  
  <p>As I read on the net, I expected that this would resize the background image and fit it to the browser window.</p>
  
  <p>But no. I think I am obviously doing something wrong (I don't know enough CSS). Any tips?</p>
  
  <p>UPDATE:</p>
  
  <p>I add the hole example (not working):</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;No Title&lt;/title&gt;
  &lt;style type="text/css"&gt;
       body {
       position:absolute;
       background-image:url(art/c11.jpg);
       background-size:100%;
       background-repeat: no-repeat;
       width:100%;
       height:100%;
       }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body &gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>