z-index

[fiorentinese]

io ho 3 div.
uno position con margin:auto che è la pagina.
altri due sono dei div contenenti lo sfondo con un'immagine ripetuta posizionati in modo assoluto in questo modo
#sfondo1{
position:absolute;
top:0;
left:0
background:url(striscia.gif) repeat-x;
width:50%;
z-index:1;
}
#sfondo1{
position:absolute;
top:0;
left:50%;
background:url(striscia.gif) repeat-x;
width:50%;
z-index:2;
}
mantre il contenuto è
#contenuto{
width:775px;
margin:auto;
z-index:3;
}
come mi è parso di aver capito z-index funziona solo con div posizionati in modo assoluto.
come posso aggirare il problema consideranto il div contenuto
si deve trovare perfettamente centrato e che gli altri due si devono trovare sotto?

[floyd46]

scusa ma non è molto chiaro quello che hai scritto.
hai una pagina in rete?
oppure fai una screen di quello che vorresti.
ciao

[fiorentinese]

io mio scopo è questo:
il sito in questione è questo:
http://www.mindworks.it/sintec_new/s...censimenti.php
come si può vedere il menu sulla sinistra ha dei righi trattegiati.
io vorrei che questi righi si congiungano con un tratteggio che parte da left:0 e che sia width:50% per essere sicuri che a tutte le risoluzioni i tratteggi siano sempre presenti fino al bordo della pagina.
per fare questo devo fare in modo che il div che inizia da left:0 abbia queste proprietà
#sfondo1{
position:absolute;
top:0;
left:0;
background:url(striscia.gif) repeat-x;
width:50%;
z-index:2;
}
mentre il div contenitore della pagina ha queste proprietà
#contenuto{
width:775px;
margin:auto;
z-index:3;
}
logicamente il div con il solo tratteggio deve essere sempre sotto quello delle pagine del sito altrimenti apparirebbe sui contenuti.
spero di essere stato chiaro.
ho provato in vari modi ma non sono riuscito.
come posso fare?