Im confused, I just tested that css and the image covers 100% of the browser window. Also can you please be more specific if whatever youre mentioning actually happens in all top 5 browsers?
I just tried again in Safari, Chrome, Opera and Firefox and all have the same about of white space if you scroll down no matter of the window size. There's always the same amount of white space at the bottom. Screen shots are attached. Maybe the page structure would help?
Here it is:
<body>
<div id="top-menu">
<div id="menu-name-plate"></div>
<div id="menu-items">
<a id='menu-envision' href='/envision/' class='main-menu-item' ></a><a id='menu-develop' href='/develop/' class='main-menu-item' ></a><a id='menu-inform' href='/inform/' class='main-menu-item' ></a><a id='menu-contact' href='/contact/' class='main-menu-item' ></a> </div>
</div>
<div id="site-body">
<div id="hidden-drawer">
</div>
<div id="side-label">
<img src='/site/library/images/envision-sidelabel.png' alt='Envision' /> </div>
<div id="main-content">
<p ><em>Unable to locate page.</em> A fatal error has occurred. I'm sorry for any inconvenience this may have caused you but it has been reported and logged. If you wish, you can contact the administration at <a href='mailto:me@gideonfarrell.co.uk' >me@gideonfarrell.co.uk</a></p> </div>
</div>
</body>
and the CSS for reference:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
* {
font-size : 10pt;
font-family : Helvetica, Arial, Verdana, sans-serif;
color : #bfb6ac;
}
html {
height : 100%;
}
body {
height : 100%;
}
#site-body {
background : url(/site/library/images/background-wood-black-vertical.png) repeat 0 0;
height : 100%;
}
#top-menu {
background : url(/site/library/images/top-menu-background.png) repeat-x 0 0;
position : absolute;
width : 100%;
height : 200px;
top : 0;
left : 0;
}
#menu-name-plate {
background : url(/site/library/images/top-menu-nameplate.png) no-repeat 0 0;
width : 260px;
height : 100px;
margin-top : 24px;
margin-left : 25px;
}
#hidden-drawer {
height : 150px;
margin-left : 160px;
}
#side-label {
height : 100%;
width : 160px;
float : left;
min-height : 465px;
margin-top : -65px;
}
#main-content {
padding-top : 50px;
}
.darktype {
color : #1a1917;
}
.medtype {
color : #403d38;
}
Thanks for checking this out.