title: Tooltip does not display when anchor is out of normal flow
body: <p>On my site, I use DOM nodes of class="trigger" as anchors for tooltips. When the mouve hovers these anchors, a tooltip displays. The jQuery code generating the tooltip container is as follows:</p>
  
  <pre><code>$('.trigger').mouseover(function() // OnMouseOver event
  {
      $("&lt;div/&gt;", {
          id: "tooltip",
          css: {
              display: "none",
              position: "absolute",
              border: "3px solid #111",
              color: "#000",
              padding: "5px",
              opacity: 1.0,
              fontSize: "15pt",
              backgroundColor: "#fff",
              borderRadius: "15px",
              zIndex: 3000
          }
      }).appendTo(this);
  
      $("#tooltip").html($(this).attr('title'));
      $(this).attr('title',''); // empty the title attribute of the anchor (avoiding default browser reaction)
      $('#tooltip').show(); // show the tooltip
  }).mousemove(function(e) // OnMouse mode event
  {
      $('#tooltip').css('top', e.pageY + 20); // tooltip 20px below mouse poiunter
      $('#tooltip').css('left', e.pageX - 20);    // tooltip with mouse pointer   
  }).mouseout(function() // OnMouseOut event
  {
      $(this).attr('title',$('#tooltip').html()); // set the title back to initial value
      $(this).children('div#tooltip').remove();   // get rid of the tooltip container 
  });
  </code></pre>
  
  <p>It works very well when the anchor is positioned in the normal flow of the page but it does not display when the anchor is out of the flow as in </p>
  
  <pre><code>$("&lt;img/&gt;", {
      id: "arrowup",
      class: "trigger noprint",
      css:{
          display:"none",
          position:"fixed",
          bottom:'15px',
          right:'10px',
          cursor: "pointer"
      },
      src:"../images/arrowup.jpe",
      alt:"vers le haut",
      title: "Haut de la page",
      click:function(){
          $("html, body").animate({scrollTop: "0px"}, 800);
          return false;                       
          }
      }).appendTo("body");
  $(window).bind("scroll", function() {
      var obj = $("#arrowup");
  
      if ($(this).scrollTop() &gt; 300){ 
          obj.fadeIn(800);
      } else { 
          obj.fadeOut(800);
      }
  });
  </code></pre>
  
  <p>Is this normal behaviour or is there a trick to get the tooltip displayed normally?</p>