</p><style type="text/css">  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 160px; /* Width of Menu Items */  
border-bottom: 1px solid #ccc;  
}  

.suckerdiv ul li{  
position: relative;  
}  

/*Sub level menu items */  
.suckerdiv ul li ul{  
position: absolute;  
width: 170px; /*sub menu width*/  
top: 0;  
visibility: hidden;  
}  

/* Sub level menu links style */  
.suckerdiv ul li a{  
display: block;  
overflow: auto; /*force hasLayout in IE7 */  
color: black;  
text-decoration: none;  
background: #fff;  
padding: 1px 5px;  
border: 1px solid #ccc;  
border-bottom: 0;  
}  

.suckerdiv ul li a:visited{  
color: black;  
}  

.suckerdiv ul li a:hover{  
background-color: #377CB4;  
}  

.suckerdiv .subfolderstyle{  
background: url(http://promax.pp.ru/imagesmenu/arrow-list.gif) no-repeat center right;  
}  

/* Holly Hack for IE \*/  
* html .suckerdiv ul li { float: left; height: 1%; }  
* html .suckerdiv ul li a { height: 1%; }  
/* End */  

</style>  

   

<div class="suckerdiv">  
<ul id="suckertree1">  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a></li>  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>  
<ul>  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>  
</li>  
</ul>  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>  
<ul>  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>  
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>  
</ul>  
</li>  
</div>