Problem with a movable navigation menu -- overlapping

[Adam P.]

At my Get the Look site I use javascript to make the menu follow the user down the page (check out one of the longer pages to make it work).

When the browser window gets set to certain sizes, the menu overlaps the footer:



Does anyone know of a way that I could make it stop before it overlaps? To see the problem, try making your browser wide and short, then scroll to the bottom.

Here's some of the more important code:

Javascript:

<!-- Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
   }
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
//  End -->

The DIV that surrounds the navigation:

<div id="object1" style="position:relative; visibility:visible; left:0px; top:0px; z-index:2">
NAV TABLE INSIDE HERE
</div>

Thanks! I appreciate any help!

[beetle]

Well, I haven't looked at your source code real closely, but I think you will need to location the bottom of the page, and use some arithmetic to prevent your moving nav menu from moving below that bottom coordinate.

[InQuE]

why dont you try use it relative to the bottom of the screen?
or better, fixed from a certain height using percentages.
then again, i dont know what im talking about