<style>
* {margin:0; padding:0;}

nav {
/*background: #222222 url(images/header_bg.png) repeat-x;
	height:50px; 
	line-height:50px; 
	position:relative;
	width:770px;
	margin:auto;
	margin-top:80px;
*/
    background: #222222 url("images/header_bg.png") repeat-x scroll 0 0;
    height: 50px;
    line-height: 50px;
    margin: 30px 0 auto;
    position: relative;
    width: 764px;
}

nav ul {
	list-style:none;
}
nav ul li a {
	float:left; 
    height: 50px;
	width:80px; 
	display:block; 
	text-align:center; 
	color:#FFF; 
	text-decoration:none; 
	text-transform:uppercase;
}

nav ul li a:hover {
	background-color:#666; 
	display:block;
}

nav ul li:hover ul {
	display:block;
}
nav ul ul {
	display:none; 
	list-style:none; 
	position:absolute; 
	background-color:#900;
	left:160px; 
	top:20px; 
	width:190px;
}

nav ul ul li a {
	float:none; 
	display:block; 
	padding-left:30px; 
	text-align:left; 
	width:160px;
}

nav ul ul li a:hover {
	color:#990;
}

icohome {
	background-image:url(images/icohome.png);
    position: relative;
}

</style>
<nav>
    	<ul>
        	<li><a href="#" class="icohome">Home</a></li>
            <li><a href="#">Profile</a></li>
            <li>
            	<a href="#">Products</a>
            	<ul>
                	<li><a href="">Products 1</a></li>
                    <li><a href="">Products 2</a></li>
                    <li><a href="">Products 3</a></li>
                    <li><a href="">Products 4</a></li>
                    <li><a href="">Products 5</a></li>
                </ul>
            </li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav>