I have 4 PDF links towards the bottom of the page. I can only get the first one on the left to work. Clicking on the other links does nothing.

spencerheisedesign.com/gallery.html
*it may take a few seconds for the picture icons to pop up, not sure why it does that.

here's the html coding for the View PDF section

div id= "downloadlink">
<a href="imagesportfolio/Save Gas While Driving.pdf">View PDF</a>
</div>

<div id= "downloadlink2">
<a href="imagesportfolio/jiffycar presentation.pdf">View PDF</a>
</div>

<div id= "downloadlink3">
<a href="imagesportfolio/olympic brochure.pdf">View PDF</a>
</div>

<div id= "downloadlink4">
<a href="imagesportfolio/soca viewbook final.pdf">View PDF</a>
</div>


here's the css for the View PDF section.

#downloadlink
{

font-family:"Aleo", "Century Gothic Bold", Palantino, Serif;
font-color: #FFA500;
font-size: 17px;
right:-52px;
bottom: 17px;
align: center;
position: relative;
z-index: 300;



}

#downloadlink2
{

font-family:"Aleo", "Century Gothic Bold", Palantino, Serif;
font-color: #FFA500;
font-size: 17px;
right: -145px;
bottom: 38px;
align: center;
position: relative;
z-index: 200;
}

#downloadlink3
{

font-family:"Aleo", "Century Gothic Bold", Palantino, Serif;
font-color: #FFA500;
font-size: 17px;
right:-241px;
bottom: 59px;
align: center;
position: relative;
z-index: 100;
}

#downloadlink4
{
font-family:"Aleo", "Century Gothic Bold", Palantino, Serif;
font-color: #FFA500;
font-size: 17px;
right: -335px;
bottom: 80px;
align: center;
position: relative;
z-index: 0;
}