Rozwijane menu - jQuery.

[Kartofelek]

E tam. Kod jest parszywy ;D
Żadnego onmouseout itp. Przecież masz bind.

Popróbuj sobie z ...

Kod:

$('a').bind({
   'mouseenter' : function() {   j('#ff').show('fast');   },
   'mouseleave' : function() {   j('#ff').hide('fast');   }
})

A nie - to nie przejdzie. Nie ma żadnego zaczepu (ujemny margin-top), przez to w twoim przypadku zawsze zjedziesz z A.
Wyjścia są 2:
1) zdarzenie robisz dla LI
2) sprawdzasz target eventu:

Kod:

$('a').bind({
   'mouseenter' : function() {   j('#ff').show('fast');   },
   'mouseleave' : function(e) {  
              if (  $(e.relatedTarget).attr('id') != 'ff'  )
                   j('#ff').hide('fast');  
              }
    }
})

Oczywiście powyższy kod pewnie nie będzie działał w 100% jak chcesz, ale ton ma cię tylko naprowadzić na sposób rozwiązania.
Bo równie dobrze możesz np taki e rzutować na obiekt jquery (jak zrobiłem powyżej), a potem zastosować jquerową "closest".
Zobacz sobie w necie na temat tego event albo tutaj, chociaż się raczej tym tekstem nie popisałem:
http://doman.art.pl/kursjs/kurs/events.html#e