<ul>  
   <li><a href="" title=""><span>Главная</span></a></li>  
   <li><a href="" title=""><span>Новости</span></a></li>  
   <li><a href="" title=""><span>Контакты</span></a></li>  
   <li><a href="" title=""><span>Портфолио</span></a></li>  
   <li><a href="" title=""><span>Форум</span></a></li>  
  </ul>

ul {  
   font-family: Georgia;  
   list-style-type: none;  
   font-size: 14px;  
   color: #fff;  
   height: 50px;  
   width: 510px;  
   margin: 0 auto;  
   padding-top: 15px;  
   }  
  ul li {  
   float: left;  
   padding: 1px;  
   text-align: center;  
   }  
  ul li a {  
   float: left;  
   display: block;  
   background: #0094D6;  
   text-decoration: none;  
   color: #fff;  
   position: relative;  
   }  
  ul li a:hover {  
   background: #FF7700;  
   z-index: 10;  
   margin: 0 -10px;  
   top: -10px;  
   opacity: 0.7;  
   filter: alpha(opacity=70);  
   -moz-opacity: 0.7;  
   -khtml-opacity: 0.7;  
   }  
  ul li a span {  
   float: left;  
   display: block;  
   padding: 10px 0;  
   text-decoration: none;  
   color: #fff;  
   width: 100px;  
   cursor: pointer;  
   }  
  ul li a:hover span {  
   width: 120px;  
   padding: 20px 0;  
   }