How do I get my the bottom position of tooltip to appear over my link, using JQuery? <p>I am working on a dynamic tooltip...I'm stuck on how I can get the bottom position of <code>#MyAuction-BidHistory</code> to appear just above my link <code>a.my-auction-history</code>?</p> <p>Here is my code so far:</p> <pre><code>var linkOffset = $('a.my-auction-history').offset().top; $('.my-auction-history').mouseover(function(e){ $.get('/auction/includes/new-bidhistory.asp?lplateid=' + pListedPlatesId + "&amp;xx=" + t, function(data){ $('#MyAuction-BidHistory').css({'display':'block', 'opacity':'0', 'top':linkOffset }).animate({opacity:1}, 200).html(data); }); }); </code></pre> <p>I only need to work out the Y co-ordinates as <code>#MyAuction-BidHistory</code> has been <code>position:absolute;</code> &amp; has <code>margin-left:300px;</code></p> <p>Any help is greatly appreciated, Thanks</p>