Banner richtet sich nach Browsergröße

[Webgreenhorn]

Beide Grafiken in ein Element oder meinst du in 2 getrennte Elemente?

Momentan hab ich es so:

/* CSS Document */

body {
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        background-image: url(banner.gif);
background-repeat: repeat-x;
width: 100%;
        height: 100%;
        }

/* Banner */

#schriftzug {
background-image: url(schriftzug.gif);
background-repeat: no-repeat;
height: 121px;
weight: 570px;
margin-top: 1em;
}

#haus {
position: absolute;
background-image: url(haus.gif);
background-repeat: no-repeat;
height: 121px;
}

Ergebnis unter Meine Seite

PS: Das Darstellungsproblem ist mir bekannt. :(