<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>