Problema menu javascript

[esunestudio]

Hola, estoy haciendo un menu desplegable en javascript, funciona todo perfecto menos una cosa.

Tengo el siguiente codigo javascript :

Código PHP:

  $('ul li:has(ul)').hover( 
      function(e) 
      { 
         $(this).find('ul').css({display: "block"});
 
      }, 
      function(e) 
      { 
         $(this).find('ul').css({display: "none"});
 
      } 
   ); 
   

Con eso cambio el display del ul a block por lo tanto me muestra el contenido del menú desplegable.

Basándonos en la misma teoría, queria hacer que se pintara de un color el li que contiene el submenu, por tanto he montando este :

Código PHP:

  $('.menu ul').hover( 
      function(e) 
      { 
         $(this).find('li').css({background: "#A4154D"});
 
      }, 
      function(e) 
      { 
         $(this).find('li').css({background: ""});
 
      } 
      
   ); 
   

El problema esta, en que no me pinta el li en el que pongo el cursor, si no que me pinta todos los li de la pagina.

No encuentro el error, alguna sugerencia ? gracias

[esunestudio]

Alguna manita ?

[esunestudio]

Han pasado ya varios días y nadie ha contestado, no se os ocurre que puede ser ? :(