Please help me modify CSS Image Gallery

[cadkins29]

I am referring to the CSS Popup Image Viewer script that can be found here: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/P30/

It seems to work really well, especially if I can customize it for me.

Here's the problem. Originally I had my images in a horizontal line, 5 thumbnails per row. I found however that when I would mouse over some of the images to the right would get cut off pretty bad and it was nearly impossible to try and scroll to the right without taking your mouse off the image so then the large image would disappear.

So I thought I would be clever and make the thumbnails in a vertical line. Not very common design practices for an image gallery but oh well who cares. :)

Unfortunately now the images at the bottom are cut off.

I would love it if there was a way to just make the image centered on the screen, even if they mouseover the bottom thumbnails I would like the larger image to be shown in the middle of the screen. I'm sure it has something to do with absolute positioning or relative positioning but I'm not very good with CSS.

Can someone who understands my question please try to help me?

Thanks a lot in advance!!

Chris

[cadkins29]

Nevermind. Apparently I didn't have ALL of the CSS code. I noticed on the dynamicdrive page something different than what I saw on my CSS so after changing it, it works much better! :)

[puffnstuff]

I am using the same CSS Image Gallery as in post #1.
CSS and HTML were copied exactly as posted.

I have 3 rows of small thumbnail images.

All seems to work ok, EXCEPT in IE (of course!) when I hover between row 1 and row 2, then the images jump up and down on the screen. It doesn't happen when hovering between rows 2 and 3.

What's in there that I need to adjust, to fix this?

Here is my page so far:
http://bossteel.com/Services09test.html