<style>
a.tooltip {font-color:#000; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute;
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(http://www.menucool.com/tooltip/cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}

.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

</style>
<a href="#" class="tooltip">
    binding
    <span>
        <img class="callout" src="http://www.menucool.com/tooltip/cssttp/callout_black.gif" />
        <img src="https://pa1.narvii.com/6373/6160d555df4981eb54868137062c5b60d192b886_hq.gif" width="100%"/>
        <strong>Title</strong><br />
        discription of arte.
    </span>
</a>