<script src="/js/init.js"></script>  
  <script src="/js/easing.js"></script>

#menu {  
float: left;  
position: relative;  
top: 0;  
left: 0;  
margin:0px;  
overflow: hidden;  
  }  
  #menu .colourful {  
display: block;  
position: absolute;  
background: #f0ad22;  
height: 38px;  
width: 85px;  
top: 4px;  
left: -100px;  
  }  
  #menu ul {  
margin: 0;  
padding: 0;  
list-style: none;  
float: left;  
position: relative;  
top: 0;  
left: 0;  
z-index: 1;  
  }  
  #menu li {  
float: left;  
margin: 0 1px 0 0;  
  }  
  #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {  
color: #000;  
text-align: center;  
display: block;  
border: solid;  
border-width: 4px 0 0;  
line-height: 40px;  
width: 85px;  
  }  
  #menu li a:hover {  
text-decoration: none;  
color: #fff;  
text-shadow: 0 0 1px #999;  
  }

<div id="menu">  
<ul>  
<li> <a href="">Веб-дизайн</a>  

</li>  
<li> <a href="">jQuery</a>  

</li>  
<li> <a href="">Html5 и Css3</a>  

</li>  
<li> <a href="">PHP</a>  

</li>  
<li> <a href="">Photoshop</a>  

</li>  
<li> <a href="">Illustrator</a>  

</li>  
<li> <a href="">Wordpress</a>  

</li>  
<li> <a href="">Статьи</a>  

</li>  
<li> <a href="">vBulletin</a>  

</li>  
</ul>  
  </div>  
  <!-- end menu -->