我的网站底部有时会出现一个白色的条形，该如何去除？

Question

I have a personal website I'm working on where the background image moves with the time of day. At the bottom of the page, I have jQuery UI tabs going for my menu.

The background image moves up and down, this is my function I wrote:

// Move background based on current time
function backgroundMove() {
var windowHeight = $(window).height();
var imageHeight = 1200; // Background image height

    //CODE

    $('body').attr("style", "background-position: 0px " + movement + 'px');
}

Now on my local machine, this method works flawlessly, the background moves as it should. But when I put it online, sometimes a solid white bar shows up at the bottom. The background image is where it should be, position-wise, but it gets cut off with this bar and thus you can't see my menu anymore (it is all-white tabs).

Since it doesn't happen consistently I've had trouble identifying the problem. Does anyone have any ideas as to what it might be, how I might fix it so it doesn't happen again?

Answer 1

Try adding this:

height:100%; overflow:hidden;