jQuery drop menu, hover

Napravio sam jedan prost dropdown i sve to radi, ali imam jedan problem.

Ovo je HTML:
[HTML]

$(document).ready(function () {	
	$('#menu li').hover(
		function () {
			//show its submenu
			//$('ul', this).slideDown(250);
			$('ul', this).show();
			
		}, 
		function () {
			//hide its submenu
			$('ul', this).slideUp(100);			
		}
	);
});

Kada mi se spusti sub i pređem mišom na njega glavni meni mi izgubi hover jer miš nije više na njemu, a ja hoću da i on bude nekako označen. Probao sam nešto sa .parent() ali onda mi selektuje sve glavne koje imaju submeni. Kako baš da uhvatim onaj glavni od kog se vidi submeni?

$(document).ready(function () {

$('#menu li').hover(
    function () {
        //show its submenu
        $('ul', this).slideDown(100);

    },
    function () {
        //hide its submenu
        $('ul', this).slideUp(100);        
    }
);

});

$(document).ready(function () {	
	$('#menu li').hover(
		function () {
			$(this).css({'background-color': '#neka_boja'});
			$('ul', this).show();
			
		}, 

To je to, samo posle u drugom delu ostavim prazno vrednost boje, da bi vratio na staro.
Hvala