title: css scaled background image
body: <p>i can get images scaled to fill the window when they are the content, like so:
  (without any html5 or div)</p>
  
  <pre><code>  &lt;style type="text/css"&gt;
  img {
  width:100%;
  height:100%;
  margin:0px;
  }
    &lt;/style&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;img src="wacard.png" alt="original image" title=""&gt;
  </code></pre>
  
  <p>but</p>
  
  <p>this fails (both "html, body" and just "body")</p>
  
  <pre><code>  &lt;style type="text/css"&gt;
  body {
  width:100%;
  height:100%;
  margin:0px;
  }
    &lt;/style&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;body
   style="background-image: url(wacard.png);"&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>as picked up picked up from here: <a href="https://stackoverflow.com/questions/1664785/html5-canvas-resize-to-fit-window/3078427#3078427">Resize HTML5 canvas to fit window</a> but as far as i understand, that must have some more fancy code than i know of, going on, ... or i'm doing something wrong...</p>
  
  <p>how can i get background images to scale?
  (ideally, without javascript)</p>