Настроить менюху на CSS - Вопросы по CSS

Друзья, помогите, пожалуйста. Не могу разобраться...
Изначально нужна была менюшка, чтобы по клику раскрывались подкатегории и закрывались только по клику на другом пункте меню. Вот как здесь http://www.buh-mos.ru/ (см. Мы предлагаем). Шаблон с такой менюшкой не нашла, в основном только выезжающее меню, которое прячется обратно. В инете нашла код для такой менюшки, но не могу адаптировать его к сайту. На другом шаблоне все работало как надо, а тут поехало. Помогите исправить (и, если знаете шаблон с такой менюшкой, подскажите).

Ссылка на сайт с кривой меню http://llorona.ru/

Что там криво: 1) одна из категорий раскрыта 2) подкатегории не должны быть видны, пока на них не кликнешь

HTML


CSS

на сайте присутствует множество скриптов, например - mootools-core.js и не только mootools. Не исключено, что и вертикальное меню, что хотите создать, использует эти или такие же скрипты - имеем конфликт. Устраняем конфликт или взор бросаем на "«аккордеон»-меню на css3" --->>> или шо то подобное
В приведенном примере используется у Вас же используется Почему input type="radio", может причина кроется именно в radio (перекрывание стилей)?

darkghost, спасибо большое за ссылочку, попробую его поставить! Скрипты вроде ни при чем, т.к. "мое" меню на CSS только.

Поставила менюшку-аккордеон, все ок, но хочется, чтобы страница не ездила вверх при нажатии на меню. Как это побороть?

Люди, помогите, пожалуйста! Я уже замучилась с меню, поставила готовое VTEM, оно очень криво встало.
http://llorona.ru/