bordo container inferiore che dovrebbe rimpicciolirsi solo in larghezza

[Arbalest]

salve a tutti ho un problema con il container del mio sito

attualmente ho un container a due lati e vorrei trasformarlo in un container a tre lati aggiungendo la parte inferiore

allego i codici:

html

<div id="centrale">
<div id="sinistra">
<div id="destra">

.
.
.
.
.

</div></div></div>



css

/* CONTAINER */
#centrale {margin: auto;
width: 86%;
background-color: #323232}
#sinistra {background: url(INDIRIZZO) left repeat-y; padding-left: 50px;}
#destra {background: url(INDIRIZZO) right repeat-y; padding-right: 50px;}


vorrei che la striscia inferiore del container si adattasse alla risoluzione della pagina rimpicciolendosi solo in larghezza e per farlo occorrerebbero tre immagini: due fisse laterali ed una larga un pixel ripetuta da un angolo all'altro

vi allego un'immagine per essere più chiaro:

http://i52.tinypic.com/2ic8oz6.jpg

ovviamente le due immagini agli angoli dovranno seguire fedelmente le strisce laterali del container

questo metodo si utilizza per le tabelle ma trattandosi di un container il codice sarà differente e per quanto lo abbia cercato sul web non ho trovato nulla ...potete darmi una mano?! grazie a tutti

[Arbalest]

ho risolto da solo perchè chi fa da se fa per tre:

css

/*CONTAINER*/
#wrapper {background: #COLORE;
border: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
width: 86%}

#leftborder {background-image: url(INDIRIZZO);
background-repeat: repeat-y; background-position: left; padding-left: 50px;}
#rightborder {background-image: url(INDIRIZZO);
background-repeat: repeat-y; background-position: right; padding-right: 50px;}
#bottomborder {background-image: url(INDIRIZZO);
background-position: bottom; background-repeat: repeat-x}
#ang1 {background-image: url(INDIRIZZO);
background-position: right bottom; background-repeat: no-repeat; padding-left: 50px;}
#ang2 {background-image: url(INDIRIZZO);
background-position: left bottom; background-repeat: no-repeat; padding-right: 50px;}

html

<div id="wrapper"> <div id="leftborder"> <div id="rightborder"> <div id="bottomborder"> <div id="ang1"> <div id="ang2">

.
.
.
.
.

</div></div></div></div></div></div>


mi auguro che in futuro sia utile a qualcuno più di quanto non siano state le persone che frequentano questo forum

p.s. so già cosa direte: "nessuno è obbligato a rispondere" ma non credo sia un caso se tutti si sono astenuti dopo l'ultimo topic che ho scritto

lo avevo già notato ma adesso ne ho la conferma ...qui c'è gente che pecca in superbia e sinceramente ne faccio a meno, questo è il mio ultimo topic statemi bene