Тултип (tooltip) для блока-Похожие новости

<script type="text/javascript" src="{THEME}/js/tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>

<a class='south' href='#' title='Подсказка появляется сверху (Юг)'>South | Юг</a>

.tipsy {
padding: 5px;
font-size: 11px;
opacity: 0.8;
filter: alpha(opacity=80);
background-repeat: no-repeat;
background-image: url('tipsy.gif');
}

.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}

.tipsy-inner {
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-north {
background-position: top center;
}

.tipsy-south {
background-position: bottom center;
}

.tipsy-east {
background-position: right center;
}

.tipsy-west {
background-position: left center;
}

<li>
<a href="{link}" title="{title}" style="background:url([xfvalue_poster]) no-repeat; background-size: cover;-webkit-background-size:cover; -o-background-size:cover; -moz-background-size: cover; ">
</a>
</li>