Need help to "center align" scrollbar when using lightbox

Hi!
Please have a look at my test-website here: http://goo.gl/ONvDs

If you click on the first photo (panorama called “test”), you will see that it will “cut” the photo if the width of browser is narrower than the photo. The scroller is aligned “left”, and is not possible to show more of the photo on the left side of it.

Could anyone with some good css skills help me if there is some easy fix to this in the css? I guess you may use firebug to have a look at the css-code.
I would like to have the scollbar center aligned… so that it is possible to view the complete image by dragging the scrollbar left<>right

Sorry about my english

/KH

Allegrande,
I guess the best way to fix that, is using the percentage,
After using the percentage, the lightbox images were adjusted according to the user’s screen.

Very interesting,
what class and element do you edit using percentage?

Thanks for quick respons

You need expecify that os root lightbox Div.
Example:

#lightbox{width:50%;height:50%;}
<div id=“lightbox”>
</div>

With this rules, all content inside of div Lightbox will be 50% width/height, independently of screen resolution.
I do not know if I was explicit, if u have more questions leave here.