Ho un layout in %, a due colonne, con un menu fisso a sx e colonna fluida per il testo a dx.

Il contenitore ha un filetto ombreggiato di sfondo, alto 1 px:
codice:
div#contenitore {background:transparent url(filetto.png) repeat-y top left;}
il menu sx è trasparente, ma il filetto percorre le voci del menu e prosegue per tutta l'altezza del contenitore.

Però, per non "troncare" lo sfondo al termine del contenitore, ho realizzato un piccolo finale.png che costituirebbe appunto il "finale" del filetto (una semplice sfumatura nel colore di sfondo). Andrebbe inserito nell'angolo basso-sx, dove dovrebbe sovrapporsi al filetto (per farlo sfumare).

Il fatto è che l'altezza del contenitore non è fissa, ma varia a seconda del testo (in certe pagine compaiono le scrollbar). L'ideale sarebbe poter aggiungere nelle regole del contenitore:

background:url(finale.png) no-repeat bottom left

ma il background per il contenitore è già definito, e dubito sia possibile inserire 2 immagini di bg :master:

Come posso inserire questo elemento grafico, senza sconquassare tutto il layout?
Devo per forza ricorrere al posizionamento assoluto, o ci sono altri modi?