CSS/HTML Hjälp!

Hej jag skulle vara tacksam om någon skulle vilja hjälpa mig med lite css/html kodning.

Det jag försöker göra/Hur jag vill att det ska se ut:
Jag försöker koda ett bildgalleri där bilderna ligger ex. 4x4 på en sida. Mellan bilder ska det vara lite mellanrum på ca 10-15px. Och när man klickar på bilden ska den dyka upp i en lightbox.

Hur det ser ut just nu:
Jag har uppställningen av bilderna helt klart, dock så kommer inte bilderna upp i lightboxen.( Det är det här jag vill ha hjälp med)

HTML-koden för bilderna:

<div class="gallerycontainer">

<a class="thumbnail" href="#thumb"><img src="bilder/bild1.jpg" width="240px" height="180px" border="0" /><span><img src="bilder/bild1.jpg" /><br />Simply beautiful.</span></a>

-(fortsätter likadant för varje bild)

</div>

CSS-koden

.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

Lightbox koden är rätt vad jag vet. Men har inte lagt in kommandot för lightboxen (rel="lightbox[bilder]") i "bild-raden" då jag inte vet var jag ska placera den.

Vad jag vill ha hjälp med
Som jag skrivit ovan, få lightboxen att fungera till bilderna.

Vore tacksam för hjälp.