Body Backgroundimage mit repeat verrutscht

Hallo Community.

Ich verzweifle schon an dem Design, denn ständig verrutscht mir der background der im Bodybereich ist, diese wird immer mit repeat-x wiederholt, ohne Div’s alles kein Problem!

Ab dem Zeitpunkt, ab dem ich einen Div darauflege, verrutscht mir der Body-Background.

Hier Ausschnitte des Codes:

[HTML]

html, body { font-family: Tahoma; font-size: 14px; background-image: url(background.png); background-repeat: repeat-x; } a:link { color: #008EDE; text-decoration: none; } a:visited { color: #008EDE; text-decoration: none; } a:hover { color: #58B2F1; text-decoration: underline; } a:active { color: #58B2F1; text-decoration: underline; } #container { width: 780px; min-height: 500px; margin-top: 45px; margin-left: auto; margin-right: auto; } #header { width: 100%; background-image: url(header.png); background-repeat: no-repeat; height: 216px; } #content { width: 100%; background-image: url(content.png); background-repeat: repeat-y; min-height: 380px; } #footer { width: 100%; }
Head
Content
Footer
[/HTML]

Es wäre Toll, wenn ihr mir bei dem Problem weiterhelfen könntet :slight_smile:

Validier mal bitte den Code zuerst, vielleicht schafft das das Problem schon aus der Welt.

Du leitest den Body ein, dann beendest du den head und fängst nochmal mim Body an, was soll da der Browser nur von dir denken? :razz:
http://validator.w3.org/

MfG

äh sorry mein fehler, hab vergessen das ich ja dort statt body head hinschreiben muss^^ ich hab den code nur schnell zusammengesetzt^^

also den fehler finde ich trotzdem irgend wie nicht :?