Ok adesso e` piu` chiaro e piu` completo.

Allora il tuo layout e` un classico layout a tre colonne (senza header ne` footer).
Le colonne devono essere trasparenti, mentre gli sfondi gialli devono essere realizzati con la tecnica delle false colonne, mentre le immagini sono background-image posizionate sul bottom
E qui le soluzioni divergono:
1. se #div-centro ha larghezza fissa le false colonne sono background-image del <body>
2. se #div-centro ha larghezza flessibile e le colonne hanno larghezza fissa, le false colonne sono background-image del <html> e del <body> rispettivamente

Invece per le immagini non puoi piu` usare gli sfondi di <html> e <body>, che sono gia` impegnati.
Quindi tocca inventare due altri due blocchi in cui posizionare le immagini.
Probabilmente la scelta piu` semplice e` inserire due blocchi dentro il <body> che prendano tutta l'area con contenuto:
codice:
HTML:
<html>
  <head>
    ...
  </head>
  <body>
    <div id="wrapper2">
      <div id="wrapper">
        ... qui il tuo sito, diviso nelle tre colonne ...
      </div>
    </div>
  </body>
</html>

CSS (caso 2. Nel caso 1 la cosa e` leggermente piu` semplice, ma la tecnica e` questa)
head {
  background: url(col-sin.gif) repat-y;
}
body {
  background: url(col-des.gif) repat-y;
}
wrapper2 {
  background: url(imm-sin.gif) no-repeat bottom left;
}
wrapper{
  background: url(imm-des.gif) no-repeat bottom right;
}