Выпадающее css меню в два ряда

[farm]

Значит решил заделать на сайте горизонтальную навигацию с выпадающими менюшками.
Нашел хороший вариант, без ява и jquery (там только для ie небольшой фикс)

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Но так как основных пунктов у меня слишком много, нужно их разместить в 2 ряда. Попробывал сделать перенос 2 способами (кстати как правильнеее делать?
- делаем два <ul id="cssmenu">
- делаем 1 <ul id="cssmenu"> но в css пишем такую ширину, чтобы в нужном нам месте происходил перенос.

В обоих случаях выпадающая менюшка не перекрывает близ лежащие слои. Z-index и позиционирование пробовал, но проблему это не решило(хз, наверное не правильно делал чтото)

Как это все пофиксить?
В аттаче css и html-ка для менюхи.

 

[whitewolff]

ТС, а вы припишите дочернему <ul> position: absolute; возможно поможет. еще вот один вариант меню без JS входит в один цсс фреймворк. при желании выковыряете стили меню оттуда. я вот только не в курсе, как ихнее меню поведет себя если пункты будут в 2 строчки. пробуйте.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[farm]

whitewolff, попробывал ваш вариант. Менюшка хорошая, но с перекрытиями слоев таже проблема

 

[Albo]

зайди сюда

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

тут надешь нужное меню, т.к. li со стилем float:left, то при задании фиксированной ширины блока, пункты меню будут перескакивать на другую строку.