why wont background-color work in html 5 using the <header> tag?

html

Solution

have you tried

 background-color:black;

well it could be it's not supported still

this worked for me

   header {
        background-color:black;
    display:block;
    overflow:hidden;
    }

for thoose browsers that do support it i guess why nothing wasn't displayed at first glance it's because the default behaviour isn't using it as a regular element rather then making the page more seo friendly

Problem

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

Original source