Dynamic href link only working once

[MattLauder]

Im rebuilding my website and have decided to make the dynamic images for my main photography gallery be layed out using div tags and css.

 

I can get the images to load in and layout correctly but for some reason the links on the images only works on the last loaded in image. I check the code on the page and all the links are there but only the last one is active.

 

The code worked when it was all wrapped in table tags. Is this a PHP or css issue stopping all the links expect for the last to be active.

 

This is the css code I am using.

 

#maincontent{width:1000px;margin:0 auto;padding:0 20px}

 

#maingallery{height:382px;position:relative;width:1000px;text-align:center;margin-top:15px}

#maingallery #text{position:absolute;top:50px}

.gallery_item {float:left; margin: 20px 0 0 0; width: 200px; height: 67; padding: 0 10px 0 10px}

.gallery_item .p {padding: 10px; font-size:12px}

.gallery_item a:hover, a:active { display : block; border : none; }

 

Any help would be greatly appreciated. Not sure if there would be any thing conflicting the links being active in either php or css.

 

Thanks

 

Matt

[MattLauder]

If I remove the css the links work on all images. Still no idea whats happening.