title: CSS - background-size: cover; not working in Firefox
body: <pre><code>body{
      background-image: url("./content/site_data/bg.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      font-family: 'Lobster', cursive;
  }
  </code></pre>
  
  <p>Check: <a href="http://demo.jayantbhawal.in" rel="nofollow">http://demo.jayantbhawal.in</a> on firefox browsers, NOT in widescreen mode.</p>
  
  <p>The code works on Chrome(Android + PC) and even the stock Android browser, but NOT Firefox(Android + PC). Is there any good alternative to it? Why is it not working anyways? Googled this issue a lot of times, but no one else seems to have this problem. Is it just me? In any case, how do I fix it?
  There are quite some questions on SO about it too, but none of them provide a legitimate solution, so can someone just tell me if they have background-size: cover; issues on firefox too? </p>
  
  <p>So basically tell me 3 things:
  1. Why is it happening?
  2. What is a good alternative to it?
  3. Is this happening to you too? On Firefox browsers of course.</p>
  
  <p>Chrome Version 35.0.1916.114 m
  Firefox Version 29.0.1</p>
  
  <p>Note: I may already be trying to fix it so at times you may see a totally weird page. Wait a bit and reload.</p>