title: Unable to set style for html in the actual style sheet
body: <p>I am trying to utilize the new CSS3 functionality to create a background for my page that scales with the browser window.</p>
  
  <p>The style works fine when I include it directly in my html doc, but that is ugly and clutters my workspace, something I DONT want to do.</p>
  
  <p>I have tried to include it in my stylesheet, but it merely doesnt appear. Other elements of the CSS sheet work just fine</p>
  
  <p>Can anyone tell me what I might be doing wrong?</p>
  
  <p>Relevant HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html lang="en-US" class="no-js" 
  style="background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover; 
  -o-background-size: cover; 
   background-size: cover;"
   &gt;
  &lt;head class&gt;
      &lt;!-- To be changed ASAP --&gt;
      &lt;title&gt;####&lt;/title&gt;
      &lt;link rel="icon" href="assets/logo_1.ico"&gt;
  
      &lt;meta name="author" content="Noah Litov"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta name="description" content="#####"&gt;   
  
      &lt;!-- My styles and bootstrap --&gt;
      &lt;link href="styles/login.css" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>And my CSS doc (login.css)</p>
  
  <pre><code>.no-js { 
      background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
  }
  </code></pre>