Help with Header Image Map
 

Trying to direct 3 images on my header to different urls and can't seem to get it to work.

Here is my stylesheet css code:

#site_title {
padding: 8px 0;
height: 219px;
background-repeat: no-repeat;
background-image: url(..//images/header5.png);
}

#headerlink{
display:block;
width:330px;
height:112px;
margin:10px 0 0 590px;
}

#headerlink1{
display:block;
width:65px;
height:50px;
margin:40px 0 0 653px;
float:left;
}

#headerlink2{
display:block;
width:65px;
height:50px;
margin:40px 0 0 700px;
float:left;
}


Here is my index code:

<div id="site_title">
<a href="http://georgiathrowdown.com/sweepstakes/" id="headerlink"></a>
<a href="http://www.barefootwine.com/" id="headerlink1"></a>
<a href="http://www.mediacomcable.com/" id="headerlink2"></a>
</div>


The first 2 links work fine but the 3 link is not showing as a hotspot with a redirect to the href url can someone please tell me what I am doing wrong.

Thanks

The links are coded right and work! They did not give me any trouble.