I'm trying to make sure that this code snippet...
$('#gatewayDimmer').width($('html').width());
$('#gatewayDimmer').height($('html').height());
$('#gatewayDimmer').css('display','block');
...controls the entire screen or scrollable window. In Firefox, it almost fills the entire window but leaves about 11px under the vertical scrollbar untouched (when you use the horizontal scrollbar and scroll right). In IE (7 at least), it covers everything in the initial window, including the areas underneath both the vertical and horizontal scrollbars. However, once you start scrolling down past where the horizontal scrollbar would have been, it stops occupying any new space. I want it to cover every inch of the screen without leaving any gaps. Is there a way to modify this code to achieve that? Thank you in advance.