Aiuto con layout elastico in funzione della dimensione della finestra del browse

[X_Ch4n]

Salve a tutti,
sto cercando di realizzare un template per joomla 1.5 che si ridimensioni in base alla dimensione della finestra, ma mi sono fermato al solo header.... 

L'header che sto creando parte da un'immagine unica, che io ho spezzato in 2 parti(lato destro e lato sinistro). Ho piazzato le 2 immagini all'interno di un unico div solo che un'immagine ha float left e l'altra right. Il problema sta nel mezzo, vorrei utilizzare una sorta di pattern (una immagine larga 1 px e alta quanto le altre 2) ripetuta su x all'interno di un div annidato nel primo, e li si pianta tutto, non riesco ad andare avanti.... sigh!!

quando sono riuscito a visualizzare il pattern il risultato e' stato che me lo sono ritrovato come sfondo dell'intero div principale....
ma meglio far parlare il codice:

Codice: [Seleziona]

<div id="header">
     <img src="immagine_sx.png" alt="immagine" style="float:left" />
     <div class="center" style="float:left;">
          &nbsp;
     </div>
     <img src="immagine_dx.png" alt="immagine" style="float:right" />
</div>


Codice: [Seleziona]

#header {
    min-width:800px;
    max-width:100%;
}

.center { background:url(pattern.png) repeat-x; }

Cosa potrei fare per risolvere? purtroppo e' il committente che mi ha chiesto sta cosa e come tale devo sbattermi per farlo... solo che nn so + dove sbattere.

ehm, ditemi se son stato incomprensibile come mio solito...
Ciaoooo