Mouseover and Mouseout delay

Mouseover and Mouseout delay

I am building some video player controls and when I mouse over/out the volume icon, I want the volume slider to appear and disappear.

On the mouseout, I want it delayed so what I did was this:
  1.     $("#mutebtn").mouseover(
            function()
            {
                $("#slider").fadeTo("fast",1);
            }
        );
       
        $("#mutebtn").mouseout(
            function()
            {
                $("#slider").fadeTo("fast",0).delay(2000);
            }
        );











It delays but it puts the delay on the mouseover...so naturally I put the delay on the mouseover and then the delay was on the mouseout which is the correct behavior...am I missing something here???