From Bugzilla Helper: User-Agent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:0.9.9+) Gecko/20020318 BuildID: 2002031815 In the page at http://www.tomfarrell.org/ , there is a DIV element which has its VISIBILITY property set to HIDDEN in CSS. However, the scrollbar for the window behaves as if the DIV was there to be seen and scrolled along, although there is in fact nothing visible "below the fold", so the scrollbar should be inactive. Reproducible: Always Steps to Reproduce: 1. Go to http://www.tomfarrell.org/ 2. Wait until photo appears. Actual Results: The page loads and the scrollbar is active even though there is nothing visible to scroll to. Expected Results: The page should load and the scrollbar should be inactive. As I anticipate that someone might suppose I'm just using the wrong value of the "visibility" style, I tried setting the visibility style of the DIV to "collapse" to see if that might do it, but that just interferes with the displayability of the contents of the DIV without effecting the behavior of the scrollbar. The W3C standard says "collapse" is for "row, row group, column, and column group" elements, and I don't think that includes DIV. Consequently, I think my code is right and the behavior of the scrollbar is incorrect. I'm tempted to reduce the severity from "normal" to "minor", but every single test user I've had look at the site immediately scrolls down to see what's there and then complains about it, so obviously this is having a distinct negative impact on the user experience of my site.
You want display:none not visibility:hidden . There is something to see -- the <body> element stretches down that far regardless of whether you can see why it is being stretched. If you use display:none instead of visibility:hidden, it won't stretch.