How to center my tooltip?
<p>I am trying to center my tooltip bubble but no success:( I am guessing that solution is very simple but I just can't make it happen. Can someone help me out? THX!! <a href="http://jsfiddle.net/Pwcnw/1/" rel="nofollow">Fiddle here</a>
<br/>My code:</p>

<pre><code>$(document).ready(function(){
$(".menu .a").hover(function() {
var checkWidth = $(this).outerWidth() - $(this).outerWidth()/2;
    $(this).next("em").css({left:checkWidth}).animate({opacity: "show"}, "slow");
    }, function() {
    $(this).next("em").animate({opacity: "hide"}, "fast");
    });
});
</code></pre>
