Blue rectangle in slimbox display

See here;
http://awubasdn.websites.xs4all.nl/modx/fotos/activiteiten/gouden-plak-minke-smabers and click on one of the thumbnails.
In FF3 (and IE6), I see a blue rectangle in which the next/prev images are displayed.
I’ve used a basic 0.9.6.2 install, and the following snippet call:

[tt][!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`3` &max_thumb_size=`110` &max_pic_size=`0` &thumb_use_dropshadow=`1`!][/tt]

Any hints? Thanks.

You have the following in your site template css (http://awubasdn.websites.xs4all.nl/modx/_css/3col.css):

a:hover {
color:#fff;
background:#369;
text-decoration:none;
}

That bolded makes all links have that blue background color.

Quote from: doze at Oct 08, 2008, 06:14 AM

You have the following in your site template css (http://awubasdn.websites.xs4all.nl/modx/_css/3col.css):

a:hover {
color:#fff;
background:#369;
text-decoration:none;
}

That bolded makes all links have that blue background color.

Excellent! Never thought that this style work find it’s way to a modal simbox. Thanks!

The slimbox "dialog" is not truly modal, it is written on the page via javascript, no new windows are created for it so all styling / js etc on the page will affect to it too. That’s why you have to be careful to not collide with the slimbox js / css.