title: Centered full screen html image (not an image in css)
body: <p>I'm trying to have a full screen image, easy enough with css using the code below.</p>
  
  <pre><code>width:100%;
  height:100%;
  background: url('photo2.jpg'); 
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  </code></pre>
  
  <p>but the image is already placed in an html div, see here</p>
  
  <pre><code>&lt;div class="fixed-background"&gt;
    &lt;img src="photo2.jpg"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It need's to be exactly how it would be using the css version, the only difference would be the image is called in html and not in the stylesheet.</p>