Всем привет. Короче говоря в я полной Ж*** ;) Что то я делал-делал и запутался. Мне нужно чтобы при наведении курсора на блок где написано "Мне нравится" появился над ним еще один, где написано кому это понравилось. Так вот проблем то нет. А вот когда я навожу на блок кому понравилось, то он исчезает. Коладавал-колдавал короче ничего не получилось. Вот что я пытался делать:
JS:

function showlike(obj, id)
{
   $(obj).offset(function (i, val) {
       
	    $.ajax({
      type : "POST",
	  async: true,
	  url : "/engine/ajax/getLikes.php",
	  dataType : "html",
	  data : "id="+id,
	  success : function (text)
	  {
	      $('#likes').html(text);
	  },
	  
	  error: function (obj, text, thrown){
	     alert("error textError="+text+" thrown="+thrown);
	  }
    
   });
   var top = val.top;
	   $('#likes').css("top", (top - 365) + "px");
	   $('#likes').fadeIn(200);
   
   });
   
}

function hidelike()
{
    $('#likes').fadeOut(200);
}

function showlikeblock()
{
   $('#likes').fadeIn(200);
}

html:

<div style="background-image: url('template/img/likeBg.png');  background-repeat: no-repeat; width: 300px; height: 110px; position: absolute; z-index: 50; left: 80px; display: none;" id="likes" onmouseover="showlikeblock()" onmouseout="hidelike()"></div>

<div class="block_like" onmouseover="showlike(this, '1')" onmouseout="hidelike()"><span class="like">Нравиться</span></div>

И немного CSS:

.block_like
{
   width: 70px;
   height: 12px;
   float: left;
   margin-left: -230px;
   padding-top: 4px;
   padding-bottom: 2px;
}

.like
{
   background-image: url(../img/like.png);
   background-position: top left;
   background-repeat: no-repeat;
   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
   font-weight: 200;
   font-size: 10px;
   padding-left: 15px;
}

.like:hover
{
   background-image: url(../img/like_hover.png);
   cursor: pointer;
}

Надеюсь на вашу помощь :)