title: CCS3 background-size:cover not working in IE
body: <p>I am working on a web application that allows me to insert some custom css for the front page.</p>
  
  <p>I want to have a full screen background image at the start page. I understand that I can use <strong>background-size:cover</strong> which is supported in all latest version of browsers.</p>
  
  <pre><code>                body {
                      background-image:url(/File/Publisher/Start/startpage_background.jpg);
                      background-repeat:no-repeat;
                      background-size:cover;
                  }
  </code></pre>
  
  <p>This works for latest version of Firefox and Chrome. However, it is not working in IE11. The background image does not shrink to cover the entire screen. It displays at its original size and is partially cropped off.</p>
  
  <p>Using F12 to debug, I discover that if I disable either margin-top or margin-bottom (see screenshot), background-size property will work.</p>
  
  <p><img src="https://i.stack.imgur.com/zlaie.png" alt="enter image description here"></p>
  
  <p>I do not want to modify the margin property introduced by the original CSS of the web application. Any way to resolve this problem?</p>