Absolutely Positioned link

A link positioned absolutely inside a DIV

by ChrisStanyon

HTML

<div class="art-Header">
    <div class="art-Header-jpeg">
        <a href="http://www.agro-k.com/index.php?option=com_alfcontact&Itemid=148" class="hotspot" title="Contact Us">&nbsp;</a>
    </div>
</div>

CSS

div.art-Header-jpeg {
    width: 906px;
    height: 150px;
    border:1px solid red;
    position:absolute;
}


div.art-Header-jpeg a.hotspot {
    width: 130px;
    height: 88px;
    position: absolute;
    top: 20px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */
    left: 44px; /* Left coord of hotspot (right: 20px is also valid); */
    border:1px solid green
}