Izveidojam navigācijas bloku un ievietojam tur šo kodu: 
 Code
<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://s52.http://buzz.ucoz.lv/askripti/7db37baabbda.gif);   
 }   
 .suckerdiv .subfolderstyle{   
 background: url(http://buzz.ucoz.lv/askripti/7db37baabbda.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="BUZZ">BUZZ</a></li>   
 <li><a href="BUZZ">BUZZ</a></li>   
 <li><a href="BUZZ">BUZZ</a>   
 <ul>   
 <li[b]><a href="BUZZ">BUZZ</a></li>   
 <li><a href="BUZZ">BUZZ</a>   
 <ul>   
 <li><a href="BUZZ">BUZZ</a></li>   
 <li><a href="BUZZ">BUZZ</a></li>   
 </ul>   
 </li>   
 </ul>   
 </li>   
 </ul>   
 </div>
 Iznākums: http://buzz.ucoz.lv/index/test/0-14