Provo a darti qualche idea, su cui dovrai lavorare (e provare).

Girando la questione tu vuoi che uno sfondo lasci 60% di vuoto a destra e si ripeta fino a sinistra.
Oppure potresti girare il tutto: fai uno sfondo che parta da 40% da sinistra e siripeta fino in fondo a destra (chiaramente invertendo i colori o motivi tra i due blocchi).

Un passo alla volta (uso i CSS in linea solo per risparmiare righe):
codice:
<div style="background: url(motivosin.gif) repeat">
  <div style="background: transparent url(motivodx.gif) repeat 40% 0">
    qualcosa
  </div>
</div>
Ho supposto che ci siano due immagini/motivi per i due pezzi, ma chiaramente la cosa funziona anche con i colori. Pero` nel blocco interno, e` necessaria un'immagine, che puo` anche essere formata da un solo pixel colorato.