background-position bezieht sich nicht auf das div tag

[jgee]

Hallo,

ich habe ein 1000px breites div Tag und dahinter einen background, der sich wiederholt.
Jetzt möchte ich zusätzlich dazu noch 2 Hintergrundbilder haben, die links und rechts neben diesem div Tag sind, und außerdem fixed sind, und sich am Boden des Browsers befinden.
Ich habe also dem einen Hintergrundbild als position 0% 100% zugewiesen und dem anderen 100% 100%. Es funktioniert auch soweit alles wie ich mir das vorgestellt habe, jedoch nur, wenn der Browser genau 1600 px breit ist (jedes Hintergrundbild ist 300px breit). Sobald er breiter wird, verschieben sich die Hintergrundbilder nicht richtig. Es hat den Anschein, als würden die 0% und 100% für die horizontalen Angaben sich auf die Browserbreite beziehen, und nicht auf mein Bg-Tag (bglayer). Bei Variation der Höhe gibt es aber keine Probleme.
Weiß jemand weiter?
Hier mein CSS Code:

body{
         background:url('background.jpg');
         background-attachment:fixed;
         position: relative;

}
#layer{
         text-align:left;
         margin: 0px auto;
         position: relative;

}
#text{
         text-align:left;
         margin: 0px auto;
         width:1000px;
         background-color:#DFDFDF;
         height:2000px;
         }
#bglayer{
         text-align:left;
         margin: 0px auto;
         width:1600px;
         background: url('bg1.png')fixed, url('bg2.png')fixed;
         background-position:0% 100%,100% 100%;
         background-repeat:no-repeat;

}

In der HTML Datei sieht es dementsprechend so aus:

<div id="layer">
         <div id="bglayer">
                 <div id="text"></div>
         </div>
</div>

Danke schonmal!