DIV auf Hintergrundbild fixieren

Nachfolgend der simple Code, #outer-container bestimmt das Hintergrundbild und #container ist für die DIV zuständig.
In dieser DIV sitzt der Content der Page und befindet sich erstmal in exakter Position auf dem Hintergrundbild.
Nun das Problem, verkleinert man das Fenster vertikal soweit das man nach links und rechts scrollen muss, ist das Hintergrundbild verschoben, das bedeutet die DIV also der Content steht nicht mehr auf der korrekten Stelle des Hintergrundbildes so wie es sein sollte.
Wie kann man das beheben, dass die beiden Ebenen immer die selbe Position zueinander behalten?

#outer-container {
    background:url(image.jpg) center top no-repeat;
    height:630px;
    position:relative;
    z-index:10;
}


#container { 
    width:900px; 
    margin-left:auto; 
    margin-right:auto; 
    padding:140px 0px 60px 0px; 
    position:relative; 
}