Взято там же, что и меню из предыдущей публикации, та же техника. Практически все без изменений, как по стилям, так и по html-коду.

Но, как во всех случаях с меню, работающим по клику, ссылкам нужны опознавательные знаки, ведь пользователь и понятия не имеет, что, кликнув по линку, может перейти не на новую страницу, как ожидает, а только открыть спрятанное подменю. Именно по этому практически всегда отдаю свои предпочтения hover меню.

Для корректной работы в таблицу стилей введено дополнительное стилевое правило - .aTop:active, без указания оного, меню тихо умирает :)

Плюсы меню в том, что оно не требует JavaScript, но сложности в настройке могу свести все преимущества на нет.

В пояснениях, к примеру, проблемные места выделены цветом, смотрим.

Тема навигации на web-страницах нескончаемая, можно много говорить о целесообразности меню которые имеют несколько уровней вложения, и сам писал об этом не однократно.

В большинстве случаев для корректной работы подобного рода меню в IE6 требуется скрипт, как минимум, состоящий из шести строк.

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

Для эффекта раскрывания вложения при наведении курсора мыши на ссылку в горизонтальном меню, используются отрицательные и положительные margin-top.

Разбор полетов показал, что такое меню имеет право на жизнь, но его трудно рекомендовать для широкого внедрения в массы.

Все дело в том, что очень много разных настроек и все они сильно взаимосвязаны между собой.

На тестовой странице есть не большое примечание к таблице стилей, где все настройки выделены цветом.