Hover tooltip

gistfile1.txt

<!-- los valores son ejemplo nadamás -->
<style>
.expand {
    position: absolute;
    overflow: visible;
}
.expand.a {
    top: 10px;
    left: 10px;
}
.expand .tooltip {
    position: absolute;
    top: -40px;
    left: -20px;
}
.expand:hover .tooltip {
    display: block !important;
}
</style>

<div class="expand a">
    <a href="#"></a> <!-- this is your arrow + sign -->
    <div class="tooltip" style="display:none">
        <!-- your content for the tooltip -->
    </div>
</div>