Радужное меню

/* =============================MENU-VERTICAL==================================*/
#main-nav {float:left;clear:left;list-style:none;margin:0;padding-left:0px;background:url(http://s003.radikal.ru/i203/1007/9e/c51602c46e45.gif) no-repeat;width:200px;}

#main-nav li {line-height:28px;height:28px;border-bottom:1px solid #d2d4d5;}

* html #main-nav li {line-height:26px;height:26px;}

*:first-child+html #main-nav li {line-height:26px;height:26px;}

#main-nav li a {display:block;padding-left:10px;color:#1d282d;font-weight:bold;}

#main-nav li a:hover {text-decoration:none;color:#fff;}

#main a:hover {background:#03429f;}

#forum a:hover {background:#6b90c7;}

#services a:hover {background:#009abf;}

#scripts a:hover {background:#8d9f19;}

#templates a:hover {background:#ffa70f;}

#design a:hover {background:#ea4d00;}

#psd a:hover {background:#be3201;}

#contact a:hover {background:#1d282d;}

/* End */

<ul id="main-nav" style="border:1px solid gray">  
  <li id="main"><a href="#">Главная</a></li>  
  <li id="forum"><a href="#magazine">Форум</a></li>  
  <li id="services"><a href="#features">Услуги</a></li>  
  <li id="scripts"><a href="#extras">Скрипты</a></li>  
  <li id="templates"><a href="#news">Шалбоны</a></li>  
  <li id="design"><a href="#gallery">Элеменнты дизайна</a></li>  
  <li id="psd"><a href="#shop">PSD</a></li>  
  <li id="contact"><a href="#advertise">Контакты</a></li>  
  </ul>