Background Fijo

[McBlink]

Buenos dias,
tengo la siguiente estructura

Código CSS:

#main {
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    display: block;
    background-color:#;
}
 
#background {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    display:none;
}
 

Código HTML:

<div id="background">
    <img id="background_image" src="background.jpg" />
</div>
<div id="main">
</div>
 

Basicamente, tengo el div brackground que ocupa el 100% de la pantalla y luego el div main que tiene todo el contenido tambien al 100%

Lo que necesito hacer, es que el div#background quede siempre fijo a pesar del scroll de la pagina..

Como se puede lograr esto?
Gracias!