susi: background-images überlappen?

Beitrag lesen

hallo,

ich habe vollgendes css-konstrukt ...

body {
    font-family: trebuchet ms, Arial, Helvetica, sans-serif;
    background-image:url(../img/bg.jpg);
    padding:0px;
    margin:0px;
    font-size:12px;
}
#background {
    width:100%;
    height:100%;
    background-image:url(../img/bg_body.gif);
    background-position:center;
    background-repeat:repeat-y
}

es ging hierbei darum ... ein muster in den hintergrund zu laden und eine content fläche mit bg_body als gif darüber zu positionieren!

alles wunderbar, nur ...

sobald die seite größer als 100% wird ... also zu scrollen ist ... hört das bild in <div id="body"> auf ...
stell ich jedoch height:200% bekomm ich automatisch scrollbalken ...

wie kann ich dies vermeiden?

ich will ein huntergrund muster und davor eine ebene mit einem weiteren bild ...

habe bereits versucht den bg.jpg in den html tag zu werfen udn body mit bg_body.gif zu belegen jedoch funktioniert dies ebenfalls nicht!

was wer rat?

lg, susi