CSS меню со странным порядком

Question

У меня вопрос по поводу немного странного меню CSS. Что мне нужно:

• Три уровня
• Первый уровень должен быть горизонтальным
• Второй уровень должен быть сверху первого и в вертикальном
• Уровень Thire должен быть снизу от первого в горизонтальном положении

Это должно выглядеть так ( забыл четвертый уровень ):

     ...
     B.1.2
     B.1.1

A    B    C    D    E    ...

     B.2.1    B.2.2   ....

     B.3.1
     B.3.2
     ...

У вас есть идеи, как создать кросс-браузерное меню для этого?

Answer 1

Вот что я сделал за последние минуты: http://jsfiddle.net/DUfUn/1/

Это довольно плохо, поскольку два значения зависят от количества элементов в первом подменю. Это должно быть динамически генерируется. Но не невозможно, если вы все равно заполните меню PHP-скриптом. Я прокомментировал соответствующие значения.

Может быть, это работает как основа, и кто-то может расширить его, чтобы он стал более динамичным.

Answer 2

Я попробовал в CSS: http://jsfiddle.net/c8tKC/6/

Как вы видите, существует проблема с достижением третьего уровня с помощью: hover selectors.Возможно, вы захотите переключить атрибут отображения с помощью события onClick.