<style>
.originale {position: relative; z-index: 0}
.originale {width: 10px; left: 2px}
.originale:hover {background-color: transparent; z-index: 0}
.originale span {position: absolute; background-color: #FFFFFF; padding: 5px; right: 0; display: none; border: 3px solid #000000; visibility: hidden; color: #000000; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 5px; display: block; width: 90px; left: 10px}
.originale span{
border: solid medium #50616E;
margin: -2px 0 0 0;
border-radius:5px;
}
.originale span:hover{
border: solid medium #00F
}
</style>

<div class="originale"><img src="http://www.crea-si.com/image/flecha.gif" alt="" width:23px; height:23px;><span>Hola Mundoo!</span></div>