<div class="head-wrap">
    <div class="logo"></div>
    <div class="menu">    
			<li class="active"><a href="index.html">home</a></li>			
			<li><a href="">subscribe</a></li>
            <li><a href="listen.html">listen</a></li>
            <li><a href="watch.html">watch</a></li>
			<li><a href="interviews.html">interviews</a></li>                           <li><a href="archives.html">archives</a></li>				           						

↑ Insert the most common viewport meta tag


              header {  
	height: 98px;
	background:url(images/menu_bg.png) ;	

.head-wrap {
	margin:0 auto;
	width: 823px;

.logo {
	float: left;
	height: 79px;
	width: 160px;
	margin-top: 6px;			

.menu {
	float: left;
	width: 650px;
	height: 90px;
	margin-left: 13px; 

header li {
	display: inline;
	text-align: center;

header a {
	display: block;
	float: left;
	height: 55px;	
	padding: 35px 35px 0px 0px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;	

header a:hover, header .active a {	
	color: #999999;
	text-shadow: 2px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=0); 

? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint


Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................