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

  .list{  
margin:20 auto;  
overflow:hidden;  
width:150px;  
background : #1F6A98;  
  }  
  #active{  
border-top: 1px solid #399CD7;  
border-right: 1px solid #399CD7;  
border-bottom: 1px solid #247CB0;  
border-left: 1px solid #247CB0;  
cursor : pointer;  
color : #F5F5F5;  
display : block;  
width : 100%;  
background : #1B5B83;  
  }  
  .list li a{  
list-style:none;  
border-top: 1px solid #2C94D1;  
border-right: 1px solid #2C94D1;  
border-bottom: 1px solid #247CB0;  
border-left: 1px solid #247CB0;  
padding : 5px;  
margin : 2px;  
cursor : pointer;  
color : #C5C5CB;  
font-weight : bold;  
text-decoration : none;  
  }  
  .list li a{  
color : #C5C5CB;  
display : block;  
width : 92%;  
  }  
  </style>  

<script src="/js/jquery.slidemenu.js"></script>
<script language="javascript">
$(function() {  
$(".list").slideMenu();  
});  
</script>

<ul class="list">
<li><a href="#">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Пункт 3</a></li>
<li><a href="#">Пункт 4</a></li>
<li><a href="#">Пункт 5</a></li>
</ul>