Using jQuery delay() with css()
<p>Why does delay() work here:</p>

<pre><code>$('#tipper').mouseout(function() {
  $('#tip').delay(800).fadeOut(100);
});
</code></pre>

<p>But this fails to delay:</p>

<pre><code>$('#tipper').mouseout(function() {
  $('#tip').delay(800).css('display','none');
});
</code></pre>

<p>// EDIT - here's a working solution</p>

<pre><code>$('#tipper').mouseleave(function() {
  setTimeout( function(){
    $('#tip').css('display','none');
       },800);
});
</code></pre>
