Problem:
Apparently no one cares about a user’s actual screen resolution. Usually I don’t too, but in this case I do. In creating a home page with an image as the background and expands as the user expands their window, the overflow is hidden. However for users with a low resolution this means that they cannot scroll to see what else is on the page.
Solution:
The workaround for this is to detect the users screen resolution and change the css overflow attribute on the html, body tags to be “auto”. I have two monitors, one at 1600×1200 and another at 1024×768. On firefox and chrome the height values match with the javascript property screen.height. On IE the value is always 1200. I’m guessing it’s because the 1600×1200 monitor is my primary monitor.