Popup photos stay at top when I scroll down page

[baweibel]

Hi all:
I am new to the DD CSS Image Gallery. I have uploaded the CSS and created a web page for a new client. I love the effect but have one problem. As I scroll down the page, hovering over the thumbnails, the enlarged images stay at the top and are hidden from view. Is there some way I can make the enlarged images popup further down on the page (vertically) as I scroll? You can see the effect on my testing site:
http://holeinthedonut.com/Scott/cabinetry.html

I appreciate any help you can lend.
Barbara:confused:

[baweibel]

I notice I'm not getting many views, yet others who have posted after me have had lots. Have I perhaps posted this question in the wrong part of the forum? Please, any help would be most appreciated. Thanks so much.

[TheJoshMan]

you could use a fixed position for the container <span>

Like so...



.thumbnail span {
background-color:white;
border:1px dashed gray;
color:black;
left:10px;
padding:5px;
position:fixed;
text-align:center;
text-decoration:none;
top:10px;
visibility:hidden;
}

[baweibel]

The fixed position cured the problem. Thank you SO much! I'm just learning and need all the help I can get.:D

[TheJoshMan]

you're very welcome.