CSS top% Y U NO WORK???

by nkovacs

HTML

<div class="marker">
    <div class="peekcont">
        <div class="peek">
            afdsfdas faf afdsfadsf asdf adsfasd fadf adsf a
            adsf adf a
             asdfdasfasdfdasfasdfdasfdasf
        </div>
    </div>
</div>

CSS

.marker {
    position:absolute;
    width:32px;
    height:32px;
    left:54px;
    top:85px;
    background:red;
}

.peekcont {
    position:absolute;
    left:100%;
    top:50%;
}
.peek {
    position:relative;
    top:-50%;
}