<a href="http://137seconds.rusff.ru/profile.php?id=5" class="tip_trigger"><img src="http://s8.uploads.ru/Ueau6.png" border="0" style="width: 35px;"> <span class="tip" style="display: none; top: 334px; left: 500px; ">содержимое вслпывашки</font></span></a>

<script type="text/javascript">
$(document).ready(function() {


	//Tooltips
	$(".tip_trigger").hover(function(){
    $(this).find('.tip').show(); //Show tooltip
	}, function() {
    $(this).find('.tip').hide(); //Hide tooltip      
	}).mousemove(function(e) {
      var mousex = e.pageX + 20; //Get X coodrinates
      var mousey = e.pageY + 20; //Get Y coordinates
      var tipWidth = $(this).find('.tip').width(); //Find width of tooltip
      var tipHeight = $(this).find('.tip').height(); //Find height of tooltip
     
     //Distance of element from the right edge of viewport
      var tipVisX = $(window).width() - (mousex + tipWidth); 
      var tipVisY = $(window).height() - (mousey + tipHeight);
      
    if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
    	mousex = e.pageX - tipWidth - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
    	mousey = e.pageY - tipHeight - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } else {
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    }
	});
	


});
</script>

.tip{
background-color: цвет фона;
width: ширина;}

.punbb td div.tclcon {
width: 180px;}