Usando o atraso do jQuery () com css ()
Por que delay () funciona aqui:
$('#tipper').mouseout(function() {
$('#tip').delay(800).fadeOut(100);
});
Mas isso não atrasa:
$('#tipper').mouseout(function() {
$('#tip').delay(800).css('display','none');
});
// EDIT - aqui está uma solução funcional
$('#tipper').mouseleave(function() {
setTimeout( function(){
$('#tip').css('display','none');
},800);
});