title: Background image not showing in Safari
body: <p>I am working on a responsive design and the class "bgMainpage" is having a background image but it is not showing on Safari on all the devices. I have applied background size cover as it is what the client wants. I have added browser specific CSS too and I am not sure what else to do so that it shows up in Safari too. Chrome, FF, IE show the image just fine. Any ideas ?</p>
  
  <p><a href="http://www.welcomebacktoeo.com/" rel="noreferrer">Project Link</a></p>
  
  <p>CSS : </p>
  
  <pre class="lang-css prettyprint-override"><code>.bgMainpage{
      background:url("../images/bg.jpg") no-repeat scroll right top #000000;
      -o-background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size:cover;
      background-size: cover;
  }
  </code></pre>