Force div to stay inside screen boundaries

[LavernGingerich]

I have a hidden div that appears on hover and appears to the right and bottom of the mouse pointer on hover of a thumbnail. The problem is that at times some of it overflows the screen area when the mouse is too close the edge. Can I use a CSS setting to solve that problem?

Here is the page:

http://www.kgazebos.com/wooden-gazebos.php

[Paul O'B]

Hi,

No thats a javascript problem.

Try altering this parameter:

function showtrail(imagename,title,description,ratingaverage,ratingnumber,showthumb,height){
 if (height > 700){
  currentimageheight = height;
 }

It was zero.

[LavernGingerich]

Hey, you have the solution! It works now and I am so happy! Thanks!