#menu {padding:0;margin:0;list-style:none;}   
#menu a {   
list-style:none;   
float:left;   
position:relative;   
padding:5px;   
color:#fff;   
background:-webkit-linear-gradient(top, #666 10%, #444 100%);   
background:-moz-linear-gradient(top, #666 10%, #444 100%);   
background:-o-linear-gradient(top, #666 10%, #444 100%);   
background:linear-gradient(top, #666 10%, #444 100%);   
border:1px solid #000;   
text-decoration:none;   
margin:0 0 0 -1px;   
text-shadow:0 -1px 0 #000;   
-webkit-transition:ease-in-out 100ms;   
-moz-transition:ease-in-out 100ms;   
-o-transition:ease-in-out 100ms;   
transition:ease-in-out 100ms;   
}   
#menu a:hover {   
background:-webkit-linear-gradient(top, #777 10%, #555 100%);   
background:-moz-linear-gradient(top, #777 10%, #555 100%);   
background:-o-linear-gradient(top, #777 10%, #555 100%);   
background:linear-gradient(top, #777 10%, #555 100%);   
margin:0;   
box-shadow: 0 0 7px #000;   
z-index:1   
}   
#menu a ul {   
color:#000;   
margin:1px 0 0 0;   
padding:0;   
font-size:11px;   
color:#999;   
-webkit-transition:ease-in-out 150ms;   
-moz-transition:ease-in-out 150ms;   
-o-transition:ease-in-out 150ms;   
transition:ease-in-out 150ms;   
}   
#menu a:hover ul {color:#fff;}

<div id="menu">   
<a href="">Главная   
<ul>Главная страница сайта</ul>   
</a>   
<a href="">Новости   
<ul>Лучшие новости</ul>   
</a>   
<a href="">Файлы   
<ul>Много файлов</ul>   
</a>   
<a href="">Статьи   
<ul>Написаные от руки</ul>   
</a>   
<a href="">Фильмы   
<ul>Смотрите у нас</ul>   
</a>   
<a href="">by use   
<ul>ВСЕ ДЛЯ ВАС</ul>   
</a>   
</div>