скрытый элемент не отображается при наведении со всех сторон

Привет, мне нужно отобразить скрытый div на hover, для этого я создал функцию jquery ниже

<script>
var con =jQuery.noConflict();   
con(document).ready(function(){
con(".loop").hover(function() {
    con(this).find('span.soc').show();
},function() {
con( this ).find( "span.soc" ).hide();
});

con("span.soc").hover(function() {
    con(this).hide();
});




});
</script>

и ниже - html-код

     <td class="loop"><?php if ($this->hasProductUrl()):?><a href="<?php echo $this->getProductUrl() ?>" title="<?php echo $this->htmlEscape($this->getProductName()) ?>" class="product-image">
    <?php endif;?><img src="<?php echo $this->getProductThumbnail(); ?>"
 style="width:75px;height:53px;" 
    alt="<?php echo $this->htmlEscape($this->getProductName()) ?>" /><?php if ($this->hasProductUrl()):?></a><?php endif;?>


    <span class="soc" > <?php if ($this->hasProductUrl()):?><a href="<?php echo $this->getProductUrl() ?>" title="<?php echo $this->htmlEscape($this->getProductName()) ?>" class="product-image">
    <?php endif;?><img src="<?php echo $this->getProductThumbnail(); ?>" style="width:250px;height:160px;" 
    alt="<?php echo $this->htmlEscape($this->getProductName()) ?>" /><?php if ($this->hasProductUrl()):?></a><?php endif;?>

     </span>
    </td>

он отлично работает, но есть одна странная проблема в этом

когда я нахожу его справа, сверху и снизу, он скрывает скрытый div

но когда я нахожусь с левой стороны, он работает doenot.

Пожалуйста, предложите e whee, я делаю ошибку