Lightbox Troubles

[zergaloth]

Lightbox image viewer 2.03a
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

Problem:

www.wijnhandelrabelo.net/test/fotos.html

If you click any of the images, lightbox doesn't display properly.
The dark overlay covers the image as well, but most importantly, the image are displayed below everything else.

The image-thumbnails are in a div themselves, which is positioned relative to another container-div. The script creates several divs at the bottom of the page, which must be the problem.

Alas, I don't know any javascript. I've been tinkering with the CSS but I don't think I'll be able to fix the problem through CSS alone.

What should I change in order to get the lightbox displayed properly?

[jscheuer1]

You need to use the full lightbox.css file. Link it to the head of your page, preferably after the stijl.css file. Or you may add all of its styles to the end of that file.

[zergaloth]

thanks, but i have added the lightbox.css styles to my own stijl.css stylesheet - so that should not be the problem.

[jscheuer1]

It is. You either added them improperly, or neglected to upload the revised sheet. If I add them manually to your page, it takes care of the problem.

[zergaloth]

that is very weird. you are indeed right - i apologise for underestimating your judgment.

i have added all of the styles in the lightbox.css to my stijl.css, just copy/paste, but something must've gone wrong.

now i link the file to both stylesheets and everything works properly. thanks a lot!