[orme]

<style>
    #container {
        display: inline-block;
        position: relative;
    }
    #popup {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        background: yellow;
    }
    #container:hover #popup {
        display: block;
    }
</style>
<span id='container'>
    текст в спане
    <div id='popup'>
        я подсказка
    </div>
</span>

Ой, это выведет подсказку над элементом, чтобы под, надо в стилях у #popup поменять bottom: 100% на top: 100%