Problème de lightbox

Voilà j'ai un problème sur la création de ma 1ere lightbox. Sur ma page,j'ai bien mon image qui s'affiche mais le Hic c'est dès que je clique dessus elle s'ouvre dans une nouvelle page du navigateur et sans changement de taille GRRRRRR !!!

Voici le code:
dans le head:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

dans le body :
<div id="contenu">
<p><h3>Je vous pr&eacute;sente mes diff&eacute;rentes r&eacute;alisations</h3></p>

<a href="images/mer.jpg" rel="lightbox" ><img src="./images/mer.jpg"</a>
</div>

Merci de m'aider car ca me prend la t... !!!!!