title: HTML full screen background image
body: <p>I'm not sure whether there is a bug in the newly released Firefox 35.0 or whether there is a problem with my code, however behind a web application I have been using the following to set a high-resolution (cached) background image behind the user interface. From today after upgrading to Firefox 35.0 this no longer works properly - the background image only loads approximately 5-10% down the page from the top and then the background below is a solid #000000. If I load the same code from a computer where Firefox hasn't been upgraded it works perfectly, and in IE it works well too.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* This is the important part */
  img.background-image {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  
  /* This just to give some example context */
  div#container {
    background-color: transparent;
    margin: 0 auto;
    text-align: left;
    width: 600px;
  }
  
  div#canvas {
    height: 300px;
    background-color: #ffffff;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt;
    &lt;img class="background-image" 
         src="http://www.hdwallpapers.in/walls/abstract_color_background_picture_8016-wide.jpg" alt="" /&gt;
    &lt;div id="canvas"&gt;
       Web Application is here
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Please can you advise if there is a way I can achieve this so that it works properly with Firefox and IE, all the most recent versions, or if I should leave it alone and hope Firefox will release another rapid bug fix?! Thank you.</p>
  
  <p><em>Note: the background image specified here is just an example I found from Google Images just for this question snippet to work and not the real one used for the web application.</em></p>