Sfondo nero dove non c'è l'immagine di sfondo: dove sbaglio?

[Gas75]

Salve, sto cercando di realizzare uno sfondo composto da un'immagine che si ripete in orizzontale (una sfumatura da rosso a nero) che nella parte restante della pagina, in basso, dev'essere nero indipendentemente dalla risoluzione del monitor...
Questo è il css...

body {
font: Arial, Helvetica;
background: #000000;
background: url(sfondo-home.gif) repeat-x;
background-attachment: fixed;
background-position: top left;
background-repeat: repeat-x;
color: #ffffff;
text-align: center;
}

Mi dite dove sbaglio, visto che nella parte bassa della pagina vedo uno sfondo bianco?

[Experiment8]

Devi mettere background-color: #000000 e non solo background: #000000, e per l'immagine lo stesso, background-image: url(sfondo-home.gif); invece di background: url(sfondo-home.gif) repeat-x;, il repeat lo hai già inserito dopo. altrimenti prende solo l'immagine e sovrascrive il colore..

[Gas75]

Grazie.
Evidentemente il solo "background", che ho trovato funzionante in alcune pagine di esempio, non funziona nel mio caso dove devo definire anche un'immagine di sfondo... ma ovviamente non lo potevo sapere.

[Experiment8]

Volendo c'è la versione compressa:

- background: #000 url(sfondo-home.gif) repeat-x fixed left top;

Occhio al position prima va l'orizzontale poi il verticale.

Ciao