html css Как сделать всплывающую подсказку без джаваскрипта

вот простой пример:

HTML:

<div class="couponcode">First Link
    <span class="coupontooltip">Content 1</span>
</div>

<div class="couponcode">Second Link
    <span class="coupontooltip"> Content 2</span>
</div>

CSS код:

.couponcode:hover .coupontooltip {
    display: block;
}


.coupontooltip {
    display: none;
    background: #C8C8C8;
    margin-left: 28px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width:200px;
    height:100px;
}

.couponcode {
    margin:100px;
}

Визуально как это выглядит смотри тут: http://jsfiddle.net/q46Xz/