Questa domanda é stata risolta. La lascio per un pò nel caso a qualcuno serva!
Soluzione:
Il secondo sfondo va inserito fuori dal contenitore dopo la testata e non dentro al contenitore.

Era solo questo lo sbaglio.

Post:

Ciao a tutti!
Sto cercando di creare lo sfondo della pagina web ma di due tipi diversi, uno sotto l'altro, perchè lo sfondo della testata ha caratteristiche diverse da quello del resto del corpo.

io uso Dreamweaver per scrivere il codice.
Vi faccio una breve descrizione e alla fine inserisco il codice per mostrarvi.

Dicevo: ho due sfondi diversi che non possono essere inseriti entrambi nel body.

Sfondo header/menu:
height: per tutta la lunghezza della pagina
width: 150px (per non perdere l'effetto del pattern)
L'ho inserito nel body attraverso il css con un background-image e un repeat-x.
Questo sfondo occupa appunto lo spazio necessario alla testata e al menú sottostante.

La struttura della pagina é la classica seguente:

<html>
<head>
</head>

<body>
<div id="contenitore">
<div id"testata">
</div>
<div id="secondo sfondo">
</div>
</div>
</body>
</html>

Il secondo sfondo
width:1px (per sito piú leggero)
height: il resto della pagina mancante fino al fondo

Dove inserireste il secondo sfondo per farlo venire sotto il primo?
Io l'ho messo (come si vede) in un div dopo la chiusura della testata, inserendo l'immagine di 1px con img src:ecc... e in css gli ho dato clear:both e repeat-x (dopo copio il codice completo).
Nel browser (sia Firefox che explorer) mi visualizza solo la riga di un pixel senza ripeterla e in più non parteda sinistra si ma non riempie tutto lo schermo, si allinea sotto la testata e parte da li.
Come fare?
Grazie a chi tenterà. Elisa

codice htlm

</head>

<body>
<div id="contenitore">

<div id="testata">
[img]Immagini/logo_testata.png[/img]
<p id="logofaceb">Ci trovi anche su</p>
[img]Immagini/facebook_logo.png[/img]
[img]Immagini/foto_testata.png[/img]

<div id="menu">
<ul>
<li id="home">HOME[*]AZIENDA[*]CATALOGO[*]CONTATTI [/list]

<table id="casella_ricerca">
<tr> <td>[img]Immagini/lente_ingrandimento.png[/img]</td> </tr>
</table>

<form name="pulsante_cerca" action="#" enctype="multipart/form-data" method="post">
<input type="image" img src="Immagini/bottone_cerca.png" name="cerca" />
</form>

</div>
</div>

<div id="background_image">
[img]Immagini/sfondo_corpo.png[/img]
</div>

</div>

</body>
</html>

codice css

@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; } /*formatta il foglio una volta per tutte*/
body {background-image:url(../Immagini/sfondo_testata.png); background-repeat:repeat-x; background-attachment:scroll;}
div#background_image{clear:both; margin:0 auto;}
img#sfondo_pagina{background-repeat:repeat-x;}
#contenitore{width:960px; margin:0 auto;}
img#sfondo_corpo{clear:both; background-repeat:repeat-x;}
p#arreda_casa{font-family:Brush Script Std; font-size:20px; color:#E5E5E5; margin:2px 40px 0px 0px; text-align:right; }
#testata{margin:0 auto;}
img#facebook_logo{float:left;margin-top:15px;}
img#vm_logot{float:left;margin:20px 0px 11px 0px;}
p#logofaceb{float:left; margin:38px 10px 10px 289px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#1E2724;}

/*menu testata*/
div#menu{margin:0px 0px 0px -1px;}
li{margin:0px 1px; background-color:#958B89; width:107px; height:42px; float:left; text-align:center; line-height:40px; display:block; }
div#menu ul li a:link{text-decoration:none; color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
div#menu ul li a:visited{text-decoration:none; color:#FFFFFF;}
div#menu ul li a:hover{text-decoration:none; color:#DC0E0E;}
div#menu ul li#home{background-color:#DC0E0E;}
div#menu ul li#home a:link{color:#000000;}
div#menu ul li#home a:visited{color:#000000;}


table#casella_ricerca{float:left;}
-----qui é incompleto, non badateci va!---