[HTML/CSS] Image Stretching in IE

[Ragus73]

So, I have a working code for firefox, which displays by background image stretched how I like it, but in internet explorer, I cant seem to get it to work. Here's what I'm using, I don't have a live demo atm sorry. In IE, the image appears, but it only stretches for the length of the current window, scrolling down gives me a white space. Thanks for any help.

<!--[if !IE]><!-->
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
img#background {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#scroller {
position:relative;
z-index:1;
}
</style>
<!--<![endif]-->
<!--[if IE]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;
}
body {overflow-y:auto;
}
#background {position:absolute; z-index:-1; }
#scroller {position:static;}
</style>
<![endif]-->