Вертикално 3-слойно падащо меню

[lam3r4370]

Имам следният код:

<ul id="nav">
<ul class='parent'><li class="smt"><a href="#">cat1</a></li><ul class='child child1 '><li class="smt"><a href="#">cat1.1</a></li><li class="smt"><a href="#">cat1.2</a></li><ul class='child child2 '><li class="smt"><a href="#">cat1.2.1</a></li><ul class='child child3 '><li class="smt"><a href="#">cat1.2.1.1</a></li></ul></ul><li class="smt"><a href="#">cat1.3</a></li><li class="smt"><a href="#">cat1.4</a></li></ul><li class="smt"><a href="#">cat2</a></li><ul class='child child1 '><li class="smt"><a href="#">cat2.1</a></li></ul></ul>

,но не мога да направя вертикално пазащо меню, справям се с хоризонталното, но не мога да разбера разликата при вертикалното
Можете ли да ми дадете насоки как да стане, но без да променям структурата на html кода?

 

[alex3]

Може ли да дадеш демо от jsfiddle, да ни е по-лесно ?

 

[lam3r4370]

Може ли да дадеш демо от jsfiddle, да ни е по-лесно ?

http://jsfiddle.net/pPckk/1/

 

[adrian]

Аз бих ти препоръчал да използваш Superfish jQuery.
Виж с твоя код как изглежда:
http://jsfiddle.net/v5fWL/

Като просто съм добавил css кода от superfish, за да работи всичко нормално. Ако искаш може да си изчистиш излишното

 

[lam3r4370]

Аз бих ти препоръчал да използваш Superfish jQuery.
Виж с твоя код как изглежда:
http://jsfiddle.net/v5fWL/

Като просто съм добавил css кода от superfish, за да работи всичко нормално. Ако искаш може да си изчистиш излишното

Аз си оправих проблема, но нещо hover не работи под chrome, въпреки че съм с най-новата версия.На какво се дължи и как да го фиксна? В краен случай ще използвам superfish
PS: Оправих се. Проблемът за chrome е бил в float:left