Проблема со списками

[Mr.Smith]

Сайт: http://tecktonik.org.ua/

Смотрим горизонтальное меню. Наводим курсор на "Видео". Появляется 3 подменю, но они уезжают далеко вправо. Как сделать, чтобы 3 подменю были под "Видео"?

CSS:

#navigation { padding: 0 0 0 5px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { background: url(../images/ar.gif) no-repeat left top; display: inline; line-height: 10px; list-style-type: none; margin-bottom: 2px; padding: 0 12px 0 7px; }
#navigation ul li ul { display: none; position: absolute; list-style: none; margin: 0px; padding: 0px; padding-top: 5px; z-index: 99; }
#navigation ul li:hover ul { display: block; }
#navigation ul li ul li { background: none; border-right: 1px solid #8E908F; display: inline; margin: 0 5px 0 0; padding: 2px 7px 2px 0; position: relative; }

Заранее благодарен.

[kalyaka-malyaka]

для #navigation li сказать position: relative

тогда position:absolute у #navigation ul li ul будет считаться от ближайшего спозиционированного родительского элемента - от #navigation li

для #navigation ul li ul задать нужные left и top. и z-index тут не нужен.

и почитать про позиционирование

[Mr.Smith]

-- удалено --

P.S. Проблему решил, благодарю за помощь.

Edited January 6, 2009 by Mr.Smith