Меню [ NEW ] (вроде под белый дизайн)

/* GlossyMenu* /  
  .glossymenu{  
  margin: 5px 0;  
  padding: 0;  
  width: 185px; /*width of menu*/  
  border: 1px solid #5d5d5d;  
  border-bottom-width: 0;  
  }  

  .glossymenu a.menuitem{  
  background: black url(/img/4.11.png);  
  font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
  color: #5d5d5d;  
  display: block;  
  position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
  width: auto;  
  padding: 4px 0;  
  padding-left: 10px;  
  text-decoration: none;  
  border-top: 0px solid #5d5d5d;  
  border-bottom: 1px solid #5d5d5d;  
  }  

  .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
  color: #5d5d5d;  
  }  

  .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
  position: absolute;  
  top: 5px;  
  right: 5px;  
  border: none;  
  }  

  .glossymenu a.menuitem:hover{  
  background-image: url(/img/4.11.png);  
  }  

  .glossymenu div.submenu{ /*DIV that contains each sub menu*/  
  background-image: url();  
  }  

  .glossymenu div.submenu ul{ /*UL of each sub menu*/  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
  }  

  .glossymenu div.submenu ul li{  
  border-bottom: 1px solid #5d5d5d;  
  }  

  .glossymenu div.submenu ul li a{  
  display: block;  
  font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
  color: #5d5d5d;  
  text-decoration: none;  
  padding: 2px 0;  
  padding-left: 10px;  
  }  

  .glossymenu div.submenu ul li a:hover{  
  background-image: url(/img/4.11.png);  
  colorz: #999999;  
  text-shadow:0px 1px 0px #fff;  
  }  

  .glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }  

  .glossymenu a.menuitem{background: black url(/img/4.11.png);font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
  color: #5d5d5d;  
  display: block;  
  position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
  width: auto;  
  padding: 4px 0;  
  padding-left: 10px;  
  text-decoration: none;  
  border-top: 0px solid #5d5d5d;  
  border-bottom: 1px solid #5d5d5d;  
  }  

  .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
  color: #5d5d5d;  
  }  

  .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
  position: absolute;  
  top: 5px;  
  right: 5px;  
  border: none;  
  }  

  .glossymenu a.menuitem:hover{  
  background-image: url(/img/4.111.png);  
  text-shadow:0px 1px 0px #fff;  
  }  

  .glossymenu div.submenu{ /*DIV that contains each sub menu*/  
  background:#e0e0e0;  
  }  

  .glossymenu div.submenu ul{ /*UL of each sub menu*/  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
  }  

  .glossymenu div.submenu ul li{  
  border-bottom: 1px solid #5d5d5d;  
  }  

  .glossymenu div.submenu ul li a{  
  display: block;  
  font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
  color: #5d5d5d;  
  background:url(/img/menutiem.png);  
  text-decoration: none;  
  padding: 2px 0;  
  padding-left: 10px;  
  }  

  .glossymenu div.submenu ul li a:hover{  
  background:url('/img/menutiem.png');background-position:0px 19px;  
  colorz: #999999;  
  text-shadow:0px 1px 0px #fff;  
  }  
  /* --------- */  
  

<div class="glossymenu">  
<a class="menuitem submenuheader" href="/" >Название раздела 1</a>  
<div class="submenu">  
<ul>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
<li><a href="/">Ваша ссылка</a></li>  
</ul>

<script type="text/javascript" src="http://www.gameblack.ru/js/ddaccordion.js"></script>  
<script type="text/javascript" src="http://www.gameblack.ru/js/sdmenu.js"></script>