Двухуровневое Вертикальное меню

[dembi]

Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже.

Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5.

Как это можно сделать???

Заранее всем спасибо!

1.  <style>
   2.  
   3.  div#pd_menu_01 {
   4.      float:left; /* добавляем список в div */
   5.      font-size: 14px;  /* задаем размер шрифта */
   6.      font-weight:bold; /* Делаем шрифт ширным*/
   7.  }
   8.  div#pd_menu_01 ul {
   9.      padding: 0px 0px 0px 0px;
  10.      margin: 0px 0px 0px 0px;
  11.  }
  12.  div#pd_menu_01 li {
  13.      float:left; /* располагаем список по горизонтали */
  14.      list-style-type: none; /* удаляем маркеры */ 
  15.      border: 1px solid #000; /* Рамка вокруг текста */
  16.      margin:0 0 0 4px;  /*Отступы между объектами*/
  17.      width:105px; /* Ширина основоногом меню  */
  18.      background:#CECECE;
  19.  }
  20.  div#pd_menu_01 li ul{
  21.      position: relative; left:-5px; /* Позиционируем подменю относительно основного*/
  22.      display:none;/* Прячем подменю */
  23.  }
  24.  
  25.  div#pd_menu_01 li ul li ul#test{
  26.      position: relative; left:101px; top:-35px; /* Позиционируем подменю относительно основного*/
  27.      display:none;/* Прячем подменю */
  28.  }
  29.  
  30.  div#pd_menu_01 li:hover ul{
  31.      display:block; /* Показываем подменю при наведение мыши */
  32.      font-size:13px;
  33.      font-weight:normal;
  34.      z-index:4;
  35.  }
  36.  
  37.  div#pd_menu_01 li#tt:hover ul{
  38.      display:block; /* Показываем подменю при наведение мыши */
  39.      font-size:13px;
  40.      font-weight:normal;
  41.      z-index:4;
  42.      width:30px;
  43.  }
  44.  
  45.  div#pd_menu_01 li:hover ul li {
  46.      background:#E6E6E6;
  47.  }
  48.  div#pd_menu_01 a {
  49.      text-decoration: none;  /* удаляем подчеркивание ссьиок */
  50.      color: #000000;/* задаем цвет шрифта*/
  51.      padding: 0px 10px 0px 10px;/* создаем пространство с обеих сторон текста пункта меню */
  52.  }
  53.  div#pd_menu_01 a:hover {
  54.      color: #999999;
  55.  }
  56.  div#pd_menu_01 li:hover {
  57.      color: #666666;
  58.  }
  59.  
  60.  </style>
  61.  </head>
  62.  
  63.  <div id="pd_menu_01">
  64.  <ul>
  65.  <li><a href="#">Test 1</a></li>
  66.  <li><a href="#">Test 2</a>
  67.      <ul>
  68.      <li><a href="#">Test 2.1</a></li>
  69.      <li><a href="#">Test 2.2</a></li>
  70.      <li><a href="#">Test 2.3</a></li>
  71.      <li><a href="#">Test 2.4</a></li>
  72.      <li id="tt"><a href="#">Test 2.5</a>
  73.          <ul id="test">
  74.          <li><a href="#">Test 2.2.1</a></li>
  75.          <li><a href="#">Test 2.2.2</a></li>
  76.          </ul>
  77.      </ul>
  78.  </li>
  79.  <li><a href="#">Test 3</a></li>
  80.  </ul>
  81.  </div>
  82.  </body>

[dber]

ты из своего кода циферки убери с номерами строк.... может кто-то и запустит... а то много телодвижений надо делать!