#mytitle {
position: absolute;
color: #fff;
font-size: 20px;
padding: 4px;
border: 1px solid #6ad4ff;
border-radius: 4px;
background-color: rgba(106,212,255,.4);
}
$('p.mytooltip').mouseover(function (e) {
newtitle = this.title;
this.title = '';
$('body').append('<div id="mytitle" >' + newtitle + '</div>');
$('#mytitle').css({
'left': (e.pageX + x + 'px'),
'top': (e.pageY + y - 40 + 'px')
}).show();
}).mouseout(function () {
this.title = newtitle;
$('#mytitle').remove();
}).mousemove(function (e) {
$('#mytitle').css({
'left': (e.pageX + x + 10 + 'px'),
'top': (e.pageY + y - 40 + 'px')
}).show();
})