Problème Lightbox

Voilà j'ai voulu comme d'habitude mettre une lightbox sur mon site à la fin et la surprise...
Lorsqu'on arrive à la 2eme image pour passer à l'image 3 la petite flèche se retrouve plus bas que l'image...
Mon site passe +/- le W3C, y a juste une petite erreur avec la validation de formulaire étant donné que j'utilise name="xxx" mais c'est pas grave...

Quelqu'un a une idée?

Site

D'avance merci

Est-ce qu'une lightbox est sensée s'afficher lorsque l'on clique sur une image ?
Car chez moi (FF), rien ne se passe.

Sinon pourquoi ne pas afficher la description plutôt au survol de l'image ?

Concernant le code JS, je vois ceci :

Code JS a dit:

<script type="text/javascript">
function show_div1(id)
{
for (var i = 1; i <= 1000; i++)
{
if (i == id)
{
document.getElementById('div1_' + i).style.display = 'block';
}
else
{
document.getElementById('div1_' + i).style.display = 'none';
}
}
}
</script>
<script type="text/javascript">
function show_div2(id)
{
for (var i = 1; i <= 1000; i++)
{
if (i == id)
{
document.getElementById('div2_' + i).style.display = 'block';
}
else
{
document.getElementById('div2_' + i).style.display = 'none';
}
}
}
</script>

Cliquez pour agrandir...

Pourquoi faire une boucle de 1 à 1000 pour trouver un id ?
J'aurais plutôt stocké l'id du div en cours d'affichage dans une variable. Ex:

Code JS a dit:

<script type="text/javascript">
var oldId1 = 0;
var oldId2 = 0;
function show_div1(id) {
if(oldId1 > 0)
document.getElementById('div_' + oldId1).style.display = 'none';
document.getElementById('div_' + id).style.display = 'block';
oldId1 = id;
}
function show_div2(id) {
if(oldId2 > 0)
document.getElementById('div_' + oldId2).style.display = 'none';
document.getElementById('div_' + id).style.display = 'block';
oldId2 = id;
}
</script>

Cliquez pour agrandir...

Je ne comprends pas trop ce code je l'ai trouvé sur internet...
Pour le 1 à 1000 c'est pour pas modifier à chaque fois...

Mais le problème ne se situe pas à ce niveau, il se situe partout car j'ai essayé la lightbox sur toutes mes pages et ça foire...
La lightbox se trouve lorsque tu clic sur un layout ou logo, tu regardes à la fin de la description et tu peux avoir des aperçus mais la lightbox foire lorsqu'elle passe de la 2 à la 3...

Edit: J'ai trouvé la solution, j'avais dans une feuille de style ça
a {
padding: 18px
}

J'ai juste spécifié où exactement ce padding devait agir (dans mon header) et ça fonctionne

Pour ceux qui aurait le problème un jour...

Par contre, je vois que tu utilises des tables pour la mise en page de ton site.
Pourquoi ? Surtout que d'après ton CV, tu es très bon en CSS.