I can't seem to resize the 'background' .lightbox class for the JAK light box - my 800x600 image overflows the black background - I understand from using firebug it is the '.lightbox' class
(and it's the black background that centered on the page, so it's not positioned right either)
I can resize the image, and move the navigation controls - I've edited the following two lines in lightbox-vertical.css
(also the lines for the navigation - but I haven't included that)
.lightBox
{background-color: black; width: 1030px; height: 622px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
.lightBox .image-browser-image
{width: 1000px; height: 600px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
When I look in firebug - the '.lightbox' class from lightbox-vertical.css is overridden by another '.lightbox' class
Firebug reports this overridding class is from the following URL, not a css file
http://localhost/photos/index.php?optio ... m&Itemid=2
So where is this overriding class from? and how do I change it?
Sorry if I'm being dense - but I've not used to this

