<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.radikal.ru/i135/0910/1c/7db37baabbda.gif);      
   }      

   .suckerdiv .subfolderstyle{      
   background: url(http://s52.radikal.ru/i135/0910/1c/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="Сылка">Название страницы</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="#">(c) Axidreu</a></li>      
   </ul>      
   </div>