HTML:
  
  <ul id="navmenu-h">
   <li><a href="#">Главная</a></li>
   <li><a href="#">Форум +</a>
   <ul>
   <li><a href="#">Websites +</a>
  
   <ul>
   <li><a href="#">qrayg.com</a></li>
   <li><a href="#">craigerskine.com</a></li>
   <li><a href="#">dt.qrayg.com</a></li>
   <li><a href="#">legendofmana.info</a></li>
   </ul>
   </li>
  
   <li><a href="#">Sketchbook</a></li>
   <li><a href="#">Free Interfaces</a></li>
   </ul>
   </li>
   <li><a href="#">Клуб Вконтакте +</a>
   <ul>
   <li><a href="#">Fireworks +</a>
  
   <ul>
   <li><a href="#">Aqua Button</a></li>
   <li><a href="#">Aqua Button 2</a></li>
   <li><a href="#">Water Drop</a></li>
   <li><a href="#">Light FX</a></li>
   <li><a href="#">Light FX2</a></li>
  
   </ul>
   </li>
   <li><a href="#">CSS +</a>
   <ul>
   <li><a href="#">CSS Menus</a></li>
   <li><a href="#">Sprite Nav</a></li>
   <li><a href="#">@import</a></li>
  
   </ul>
   </li>
   </ul>
   </li>
   <li><a href="#">Помощь сайту</a></li>
   </ul>

  CSS:
  /*
  Author: Craig Erskine
  Description: Dynamic Menu System - Horizontal/Vertical
  */
  
  ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
  
  ul#navmenu-h ul {
   width: 160px; /* Sub Menu Width */
   margin: 0;
   list-style: none;
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
  }
  
  ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
  
  ul#navmenu-h li { float: left; display: inline; position: relative; }
  ul#navmenu-h ul li { width: 100%; display: block; }
  
  /* Root Menu */
  ul#navmenu-h a {
   border-top: 1px solid #FFF;
   border-right: 1px solid #FFF;
   padding: 6px;
   float: left;
   display: block;
   background: #DDD;
   color: #666;
   font: bold 11px Arial, sans-serif;
   text-decoration: none;
   height: 1%;
  }
  
  /* Root Menu Hover Persistence */
  ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
   background: #BBB;
   color: #FFF;
  }
  
  /* 2nd Menu */
  ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
   float: none;
   background: #BBB;
  }
  
  /* 2nd Menu Hover Persistence */
  ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
   background: #999;
  }
  
  /* 3rd Menu */
  ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
   background: #999;
  }
  
  /* 3rd Menu Hover Persistence */
  ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
   background: #666;
  }
  
  /* 4th Menu */
  ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
   background: #666;
  }
  
  /* 4th Menu Hover */
  ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
   background: #333;
  }
  
  /* Hover Function - Do Not Move */
  ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
  ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }