CSS Image Gallery Positioning

[tydex]

Hi,

I copied the code as shown at this link - http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ .

It works perfectly with almost no problems. The only problem is that when I scroll down to view more thumbnails, the large picture is displayed in the same location near the top and off the page.

How can I have the large picture always display in the viewable area?

Thanks in advance

Al

[tydex]

I was able to fix this by dumb luck. I added a position: fixed as shown below. It works differently on Firefox and IE6 but (I prefer Firefox) but IE6 is acceptable.


.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: fixed;
left: 60%; top: 5%;
z-index: 50;
}