Hintergrundgrafik verwirrt mich.

[Vansoul]

Hallo an alle,

ich habe da mal ein Problem.
Habe schon einiges versucht und kontrolliert. Ich stehe auf dem Schlauch.
Ich habe eine Grafik im PS erstellt, zugeschnitten und für web gespeichert.
Nun bin ich dabei eine HP zuerstellen und habe das Problem, dass die Hintergrundgrafiken in der Vorschau und in der Browseransicht, angezeigt werden oder auch nicht.

Die Frage ist, was habe ich falsch gemacht?

Schon mal danke im Voraus für eure Mühe.

Gruß Rogér

Zum Link

Zwei Bilder habe ich auf der Testseite im Layout eingebunden.


CSS

* {
margin : 0;
padding : 0;
}
body{ 
background-color: #6c821d; 
background-image: url(../hp-hintergr/bodyhintergrund.jpg); 
background-repeat: repeat-x; 
background-position: left top; 
text-align: center; 
width : 100%; 
height : 100%; 
margin : 0; 
padding : 0; 
}
p {
color: #898855; 
font-size: 0.75em; 
font-family: georgia, verdana; 
font-style: normal; 
line-height: 1.25em; 
text-align: left; 
}
h1 { 
color: #a7a33f; 
font-size: 1.5em; 
font-family: georgia, verdana; 
font-weight: bold; 
margin: 0.67em 0; 
border-bottom: 2px dotted #a7a33f; }
#alles { 
text-align: left; 
position: relative; 
width: 920px; 
height: auto!important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/ 
min-height:100%; /* real browsers */
margin: 0 auto; 
padding: 0; 
}
#logo { 
width: 920px; 
height: 100px; 
position: relative; 
z-index: 1; 
margin: 0; 
padding: 0; 
}
#news { 
background-image: url(../hp-hintergr/headhintergrund.jpg); 
background-repeat: no-repeat; 
background-position: left top; 
position: relative; 
width: 920px;
height: 232px; 
z-index: 1; 
margin: 0; 
padding: 0; 
}
#main { 
background-image: url(../hp-hintergr/mainhintergrund.jpg); 
background-repeat: repeat-y; 
background-position: left top; 
position: relative; 
width: 920px; 
height: auto; 
z-index: 1; 
}
#footer { 
background-image: url(../hp-hintergr/footerhintergrund.jpg); 
background-repeat: no-repeat; 
position: relative; 
width : 920px; 
height : 110px; 
z-index: 1; 
clear: both; 
}
#sidebar { 
width: 210px; 
height: 100%; 
float: left; 
padding: 0; 
}
#content{ 
width: 680px; 
height: auto; 
float: right; 
padding: 0; 
}
#contentaera{ 
width: 650px; 
height: auto; 
float: left; 
padding: 0; 
}
div.clear {
clear : both;
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}

[Vansoul]

Habe es hinbekommen.