[Resolvido] Hover menu drop down

[pinoc 2]

Minha duvida é bem ridicula, eu ja avisa feito isso uma vez mais não lembro como.

 

Fiz um menu drop down, quando coloco o mouse em sima de tal link desse a lista para min escolher outros links, o problema é que quando eu passo o mouse para baixo para escolher algo da lista o hover que estava no menu some como faço para ele continuar com o hover?

[Apulko 3]

Coloca a função block aí.

 

Segue ex simples:

 

 

 

HTML

<ul class="menu2">
 <li><a href="#">Menu</a>

  	  <ul>
         <li><a href="#">sub menu 1</a></li>
         <li><a href="#">sub menu 2</a></li>
         <li><a href="#">sub menu 3</a></li>
         <li><a href="#">sub menu 4</a>
         </li>                    
     </ul>

   </li>
</ul>

 

 

CSS

.menu2 li{position:relative;}

.menu2 li a{ padding:5px 30px; display:block;}

.menu2 li ul{position:absolute; top:23px; display:none; }

.menu2 li:hover ul{display:block;}

[pinoc 2]

Não funciono.

 

Quando eu coloco o mouse em sima do link ele faz o hover com um background e desse a lista mais quando eu passo o mouse para a lista ele perde o background do menu principal.

[pinoc 2]

Resolvido mais tive que ussar jquery.

 

Codigo quem quizer.

 

$(document).ready(function() {
       $("#menu ul li").hover(function() {
               $(this).children("a").addClass("ativo");
       }, function() {
               $(this).children("a").removeClass("ativo");
       });
});