title: why wont background-color work in html 5 using the <header> tag?
body: <p>here is my html
  for some reason the header tag isnt accepting the background color for black..</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
  &lt;meta name="keywords" content=""/&gt;
  &lt;meta name="description" content="" /&gt; 
  
  
  &lt;style type="text/css"&gt;
      header {
          background:black;
      }
  
      nav ul li {
          float:left;
          margin-left:20px;
          display:block;
      }
  
      nav ul li {
          text-transform:capitalize;
          padding:5px 0px;
      }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
      &lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.php"&gt;today's deals&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="recent.php"&gt;recent deals&lt;/a&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;       
      &lt;/nav&gt;
      &lt;/header&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>