title: css loads background image in chrome but not in firefox
body: <p>I have developed one website which run smoothly in chrome. but it has issue in firefox. It wont able to load the background image. I don't understand why this happen.Please Checkout in chrome and firefox</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#background {
    position: fixed;
    z-index: 1;
    background: url("../img/bg/photo_bg.jpg") 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  </code></pre>