Добавить выпадающее меню

[zoom]

Пожалуйста, помогите добавить выпадающее меню, в уже имеющуюся панель.

Вот 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>

Буду очень благодарен за помощь.

Edited September 27, 2012 by Great Rash
поправил спойлеры

[Быколай]

Что-то у вас какая-то ерунда, извиняюсь, в посте. То ли я не Влад, то ли чего-то не понимаю. Или и то и другое

[zoom]

Я имею ввиду, то что у меня есть горизонтальная панель.

Код которой, представлен вверху.

Я бы хотел, чтобы при наведении на пункт, вниз выпадало сабменю.

Мне нужна помощь, сам я такие штуки делать не умею, к сожалению.

[hedgehog]

Я имею ввиду, то что у меня есть горизонтальная панель.

Код которой, представлен вверху.

Я бы хотел, чтобы при наведении на пункт, вниз выпадало сабменю.

Мне нужна помощь, сам я такие штуки делать не умею, к сожалению.

Для начала разберитесь с приватными спойлерами. Код не видно.

http://i.imgur.com/KBQx4.png