title: "body {background-color}" works in HTML but not in CSS
body: <p>Am able to set the background-color attribute for HTML body in an inline <code>&lt;style&gt;</code> command
  but not when the identical command is moved to an external stylesheet.  A specific example
  is given below.  </p>
  
  <p>In test1.html, background-color is set to "blue: in the HTML.  File test2.html is identical to test1.html except the <code>&lt;style&gt;</code> command is commented out.  File style.css contains a spec for background-color and also for the <code>&lt;H1&gt;</code> element (to test that the browser really is 
  reading the stylesheet).</p>
  
  <p>First test produces orange text against a blue background.  Second test produces orange
  text, but against a white background.  I've tried this on Firefox 21, Chrome 19, and 
  IE 9; all give the same results.</p>
  
  <p>What's going on?  Any help would be appreciated.</p>
  
  <p>Here are the three sample files:</p>
  
  <p>test1.html:</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;head&gt; &lt;link type="text/css" rel="stylesheet"  href="style.css"&gt;
  &lt;style type="text/css"&gt;
    body {background-color: blue}
  &lt;/style&gt; 
  &lt;/head&gt;
  &lt;body&gt; &lt;h1&gt;This is a test.&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p>test2.html:</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;head&gt; &lt;link type="text/css" rel="stylesheet"  href="style.css"&gt;
  &lt;!-- &lt;style type="text/css"&gt;
         body {background-color: blue} 
       &lt;/style&gt; --&gt;
  &lt;/head&gt;
  &lt;body&gt; &lt;h1&gt;This is a test.&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p>style.css:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
     body {background-color: green;}
     h1 {color: orange; }
  &lt;/style&gt;
  </code></pre>
  
  <p>Thank you!</p>