title: HTML5 header element not displaying background image
body: <p>I am working on a new HTML5 template.  I am using the <code>&lt;header&gt;&lt;/header&gt;</code> element on the page with a simple logo background image.</p>
  
  <pre><code>header{ width:100%; height:100px; background:url(/dev-acn/img/header-logo-bg.jpg) 45px center no-repeat; }
  </code></pre>
  
  <p>Dev page: <a href="http://www.bcidaho.com/dev-acn/index.asp" rel="nofollow">http://www.bcidaho.com/dev-acn/index.asp</a></p>
  
  <p>I can see the background Image in PC Chrome, PC FF4, and on MAC FF5, however it does not display in IE6, IE7, or IE8...and when I open the developer tools in IE8 from some reason there is no opening <code>&lt;header&gt;</code> element tag in the code inspector just the <code>&lt;/header&gt;</code> closing tag.  </p>
  
  <p>Does IE not recognize the <code>&lt;header&gt;</code> element, even if i have properties defined in the style.css? (located: <a href="http://www.bcidaho.com/dev-acn/css/style.css" rel="nofollow">http://www.bcidaho.com/dev-acn/css/style.css</a> )</p>