<div id="nav">
<ul id="nav_list">
<li class="nav_border"><a href="">ГЛАВНАЯ</a></li>   

<li class="nav_border"><noindex><a href="" target="_blank">ЧАТ</a></noindex></li>    
    
<li class="nav_border"><a href="">ФОРУМ</a></li> 

<li class="nav_border"><a href="">МУЗЫКА</a>
   <ul class="menu_list">         
      <li><a href="#">рок</a></li>
      <li><a href="#">поп</a></li>
      <li><a href="#">джаз</a></li>
      <li><a href="#">рэп</a></li>
   </ul>
</li>           
     
<li class="nav_border"><a href="">FREE РОТАЦИЯ</a></li>

<li class="nav_border"><a href="">НАШИ ПАРТНЕРЫ</a></li>

<li class="nav_border"><a href="">Акции</li>

<li class="nav_border"><a href="">ВАКАНСИИ</a>
   <ul class="menu_list">         
      <li><a href="#">певец</a></li>
      <li><a href="#">диджей</a></li>
      <li><a href="#">актер</a></li>
      <li><a href="#">босс</a></li>
   </ul>
</li>

<li class="nav_border"><a href="">РЕКЛАМА</a></li>

<li><a href="">ЗАКАЖИ ТРЕК <noindex><img src="http://s4.rimg.info/001fed561467220cf4cad387a29b7c9b.gif" ></noindex></a>
</li>
</ul>
</div>
 

#nav ul#nav_list{  
font-family:"Arial";
width:1100px;
height:40px;
font-size: 13px;
font-weight: bold;
list-style: none;
padding:0 5px;
background: url('../images/nav.png') no-repeat;
position: relative;
}

.nav_border{
float:left;
overflow:hidden;
padding-right: 3px;
background:transparent url('../images/nav_border.gif') no-repeat right center;
}

#nav ul#nav_list li a
{  
font-size: 13px;
font-weight:bold;
color: #FFFFFF;
line-height: 40px;
padding: 0 15px 0 15px;
display: block;
text-align: center;
text-decoration: none;
}


#nav ul#nav_list li a:hover {
line-height: 40px;   
background:url('../images/nav2.gif') repeat-x;
color: #FFFFFF;
text-decoration: none;
}

#nav ul#nav_list li ul.menu_list {
position: absolute;
left: -999px;
padding: 0;
background: #000;
list-style: none;
}

#nav ul#nav_list li ul.menu_list li{
overflow:hidden;
}

#nav_list li ul.menu_list li a {
display: block;
text-decoration: none;
line-height: 40px;
}

#nav ul#nav_list li.nav_border:hover ul.menu_list, 
#nav ul#nav_list li.nav_border li:hover ul.menu_list,
#nav ul#nav_list li.nav_border li:hover li ul.menu_list
{
left:auto;
}