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

.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: #FFFFFF;          
text-decoration: none;          
background: #292929;          
padding: 8px 15px;          
border: 1px solid #212121;          
border-bottom: 0;          
}          

.suckerdiv ul li a:visited{          
color: #FFFFFF;          
}          

.suckerdiv ul li a:hover{          
background: url(http://cssource2.ucoz.net/files/strelka.gif);          
}          

.suckerdiv .subfolderstyle{          
background: url(http://cssource2.ucoz.net/images/8.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>          

<script type="text/javascript">          
var menuids=["suckertree1"]          

function buildsubmenus(){          
for (var i=0; i<menuids.length; i++){          
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")          
for (var t=0; t<ultags.length; t++){          
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"          
if (ultags[t].parentNode.parentNode.id==menuids[i])          
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"          
else          
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"          
ultags[t].parentNode.onmouseover=function(){          
this.getElementsByTagName("ul")[0].style.display="block"          
}          
ultags[t].parentNode.onmouseout=function(){          
this.getElementsByTagName("ul")[0].style.display="none"          
}          
}          
for (var t=ultags.length-1; t>-1; t--){          
ultags[t].style.visibility="visible"          
ultags[t].style.display="none"          
}          
}          
}          

if (window.addEventListener)          
window.addEventListener("load", buildsubmenus, false)          
else if (window.attachEvent)          
window.attachEvent("onload", buildsubmenus)          
</script>          

<div class="suckerdiv">          
<ul id="suckertree1">          

<li><a href="Сылка">Название страницы</a></li>          
<li><a href="Сылка">Название страницы</a></li>          
<li><a href="Сылка">Название страницы</a>          
<ul>          
<li><a href="Сылка">Название страницы</a></li>          
<li><a href="Сылка">Название страницы</a>          
<ul>          
<li><a href="Сылка">Название страницы</a></li>          
<li><a href="Сылка">Название страницы</a></li>          
</ul>          
</li>          
</ul>          
</li>          
<li><a href="#">CSS</a></li>          
</ul>          
</div>