у задержка () работает здесь:

$('#tipper').mouseout(function() {
  $('#tip').delay(800).fadeOut(100);
});

Но это не может задержать:

$('#tipper').mouseout(function() {
  $('#tip').delay(800).css('display','none');
});

// РЕДАКТИРОВАТЬ - вот рабочее решение

$('#tipper').mouseleave(function() {
  setTimeout( function(){
    $('#tip').css('display','none');
       },800);
});