[SOLVED !] 3rd child menu problem / doesn´t hide/show

[Innocence]

Hi there, nice people !

I´m having the next problem. Check out:
http://www.dataoperador.com.ar/tarifario/

Browse over the menu of that site in this way:
# Argentina
    * Córdoba
          o Villa Carlos Paz
                + Hotelería

I can´t get that 3rd child menu item ("Hotelería") to act like the previous ones (hide / show events).

I´m using a customization of ALL CSS 2 template.

Could you help, please ? What can I do to solve that ? I need to show all that levels of the menu.

Sorry abouy my poor english. Thanks in advance, guys !
Pablo.-

[marathoner]

It looks like your CSS goes 3 levels deep in the menu structure but your menu goes 4 levels deep. You'll need to modify your CSS to hide that level but to display it on a:hover like the other menu levels.

[Innocence]

Thanks for the reply, marathoner.
I realize of what you say...but, how to do it ? Should I create a new CSS class ? How should I name I ? There´s a need to modify some other file, like "csshover.htc" or a "show_menu2" module file ?

[Innocence]

It worked !!!
I´ll show my final code retouch:

Code: [Select]

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
    display: block;
}

#nav .menu li ul ul {
    display: none;
}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
    display: none;
}

#nav .menu li:hover ul ul ul, #nav .menu li.subMenu ul ul ul {
    display: none;
}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
    display: block;
}

#nav .menu li:hover ul, #nav .menu li li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li li.subMenu ul {
    display: block;
}

THAAAAAANKS !