Кто знает - как это работает
 

вот тут блоки поверх картинки - каким образом задаются?

http://www.blizkoe.ru/masterplan/

Там через css они сделаны. Смотри в отладчике браузера че да как.
Типа так:

<style>
.element{
    background: #eee;
    width: 200px;
    padding: 20px 50px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.detail{
    position: absolute;
    display: none;
    padding: 20px;
    background: #dadada;
    border: 1px solid #ccc;
}
.element:hover .detail{
    display: block;
}
</style>
<div class="element">
    Hover me
    <div class="detail">Detail info</div>
</div>

Почитай о свойствах position на htmlbook все подробно описывается.
http://htmlbook.ru/css/position