Problema menú desplegable

[marrrero]

Hola a todos, he estado buscando un menú desplegable con css que fuera compatible con todos los navegadores, pero la verdad es que es complicado, asique he utilizado la librería Superfish y funiona bien, sólo que al poner el ratón sobre el desplegable, cuando salen las opciones y vas a seleccionar una, el desplegable desaparece, tienes que ir pasando muy despacio por encima.
No se si esto se puede corregir con css puesto que tiene un montón de código jquerry.
Este es mi código css:


ul#menu
{
padding: 0 0 2px;
position: relative;
/*margin: 0;*/
text-align: right;
border-bottom: 1px #5C87B2 solid;
}

ul#menu li
{
display: inline;
list-style: none;
}

ul#menu li#greeting
{
padding: 10px 20px;
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
color: #fff;

}

ul#menu li a
{
/*Diseño*/
text-decoration: none;
color: #000000;
background: #CCCCCC;
padding: 4px;
border-bottom: 0;
font-family: 'Levenim MT';
border: thin solid #000000;
}

ul#menu li a:hover
{
background-color: #fff;
text-decoration: none;



}

ul#menu li a:active
{
background-color: #FFFFFF;
text-decoration: none;
}

ul#menu li.selected a
{
background-color: #fff;
color: #000;
}


¿Alguna idea?

Gracias de antemano, un saludo.