title: Full-screen images are being cut off
body: <p>I am trying to load images full-screen for a photography site.</p>
  
  <p>The images successfully load full-screen, but they are overflowing the area of the browser, thus cutting off parts of the photos. </p>
  
  <p>I am using a template called Brushed (<a href="http://www.alessioatzeni.com/blog/brushed-template/" rel="nofollow">http://www.alessioatzeni.com/blog/brushed-template/</a>), and believe I have identified the relevant css to this area:</p>
  
  <pre><code>#supersized {
  display:block; 
  position:fixed; 
  left:0; top:0;
  overflow:visible; 
  z-index:-1; height:100%; 
  width:100%; 
  margin:0; 
  padding:0;} 
  </code></pre>
  
  <p>Wondering if anyone in the stackoverflow community can see anything in this bit of css that would be causing that, or can provide a workaround suggestion.</p>
  
  <p>thanks in advance!</p>