Centering enlarged image on page with Popup image viewer

[bellbell]

I'm using:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer

However on mouseover, the images move out of the screen if the original thumb is close to the right edge...

How can I solve this? Is it possible to center the enlarged image on the browser window-- same spot everytime perhaps?

See problem here (http://www.inkbytedesign.com/test/index.html).

[bluewalrus]

yea it is possible right now its putting it to the left so many pixels and down so many pixels from left and top defined in
.thumbnail:hover span{
visibility: visible;
top:20%;
left:40%;
position:fixed;
}
You can give each image different class for the first row then use the same class numbers for the row below as they correspond as you can see here http://www.bluewalrus.net/summer7.html I still havent gotten it quite right but its pretty close.