Пожалуйста, помогите добавить выпадающее меню, в уже имеющуюся панель. Вот css #navigation { width: 1000px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 50px; margin: 0px auto; background-color: #D6E2E8; background-image: -webkit-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -moz-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -ms-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -o-linear-gradient(top,#D6E2E8,#bccbd3); background-image: linear-gradient(top,#D6E2E8,#bccbd3); box-shadow: rgba(0, 0, 0, .2) 0 4px 16px; -moz-box-shadow: rgba(0,0,0,.2) 0 4px 16px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px 16px; } #navigation ul { height: 50px; margin: 0; padding: 0; } #navigation ul li { display: inline; margin: 0px; } #navigation ul li a { height:33px; display: block; float: left; padding: 17px 15px 0 15px; font: 16px Verdana; color: #768071; text-decoration: none; background: url(http://finkatut.ucoz.ru/navigation-separator.png) no-repeat right center; } #navigation ul li a:hover { color:#333; background-color: #789BC1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #navigation ul li#active a { color:#fff; background-color: #FF4708; font: 16px Verdana; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #navigation ul li#active a:hover { color: #333; background: #f2921d; } А так выглядит меню <div id="navigation"> <ul> <li><a href='$HOME_PAGE_LINK$'><span>Главная</span></a></li> <li id="active"><a href='http://finkatut.ucoz.ru/index/akcii/0-28'><span>Акции</span></a></li> <li><a href='http://finkatut.ucoz.ru/index/o_nas/0-18'><span>О нас</span></a></li> <li><a href='http://finkatut.ucoz.ru/index/0-29'><span>О Финляндии</span></a></li> <li><a href='http://finkatut.ucoz.ru/index/vazhno_znat/0-20'><span>Информация для туристов</span></a></li> <li><a href='http://finkatut.ucoz.ru/index/novosti/0-25'><span>Новости из Финляндии</span></a></li> </ul> </div> Буду очень благодарен за помощь.