title: How to make a:hover images scroll with div box
body: <p>alite so i used a tutorial from this site: <a href="http://www.webreference.com/programming/css_gallery/index.html" rel="nofollow">http://www.webreference.com/programming/css_gallery/index.html</a></p>
  
  <p>the problem is, when i added more images, the gallery on the right fell out of the div margins. to fix this i used overflow:auto. now when there are a lot more images, i am allowed to scroll down my div. problem is the image shown when i hover is positioned at the top part of the div. so when i scroll down too much, the image either gets cut out from the top or doesnt appear at all. so its kinda like on this page right here. if you scroll down this page far enough you wont see this post any more unless you scroll back up. is there a css code that i can use to fix this. basically what i want it a position:fixed effect in the div box with the hover thing. so how do i edit the tutorial code to do that?</p>