Маленькая проблема в меню

[krasniy]

Здравствуйте.

Сижу делаю меню. Почти всё сделал. Но возникает косяк в выпадающей части.

При наведении на "Пункт 1" открывается выпадающая часть которая состоит из таблицы (3 строки и 3 столбца). В каждой ячейке таблицы будет от одного до нескольких div. Только не спрашивайте зачем так сделано, это всё не просто так, тут всё продумано

Ссылка на страницу с меню: http://rosnominal.ru/Ros-l_NEW/index.html

Ссылка на файл стилей: http://rosnominal.ru/Ros-l_NEW/style.css

Само меню сделано через UL и LI.

Косяк в том что список UL не встаёт в блок div а лежит поверх и следовательно не тянет этот div. Границы div обозначены красным цветом.

Что не так???? Сижу уже третий день....

Заметил вот что: если закомментировать

#menu_lite ul{
        display:block;
	list-style:none;
	position:absolute;
	left:-999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
}

,то список находится в нужном месте, т.е. не поверх, а в блоке div и тянет его вниз. Но в таком случае подменю не пропадает с экрана в тот момент когда оно не активно.

Помогите кто нибудь...

[sammasati]

Во всем виноват position: absolute; Он выносит блок из потока, т.е. этот блок становится невидимым для блока-родителя, и поэтому он не растягивается под него. Попробуй поиграться со значением relative вместо absolute.

И какая-то тут верстка странная. Зачем для выпадающей менюхи делать список с одним элементом и вкладывать в него таблицу?

[krasniy]

Ну теперь он в самом деле там оказался.

Но ширина "Пункт 1" теперь разъехалась. Будь то пункт активен, будь то нет, а ширина всё равно такая же...

Что ещё можно сделать?

А как посоветуете сверстать ещё?

Edited July 6, 2012 by krasniy