Posizionamento background e comportamento sul resize

Buongiorno gente,

vorrei dei chiarimenti, anzi proprio un'aiuto sul posizionamento di alcuni background e del loro comportamento al resize della pagina.

Dunque ho un background 1920x805 che papale papale rappresenta una striscia di terra con il fusto di un albero tagliato. Poi ho un altro background 645x761 ( l'albero ) che dovrei sovrapporre al fusto tagliato del primo background.

Il problema sta nel fatto che nella grafica, l'albero si trova sulla fine del wrapper del contenuto.

Ora avevo pensato di racchiudere l'albero in un div più grande al cui interno mettere il wrapper. Se non che il wrapper ha un suo background color che nasconde l'albero, quando a me servirebbe il contrario ( l'albero è in png trasparente )

Inoltre per quanto riguarda il primo background, quando faccio il resize della finestra, esso invece di stare fermo si sposta lateralmente.

Ci sono soluzioni coi css o bisogna usare javascript o altro?

[karl94]

Puoi indicare l'indirizzo di una pagina di esempio, o quelli delle immagini?

Guarda il sito è protetto ( è in wordpress ) ma carico l'immagine di come dovrebbe essere. Come vedete l'albero si trova sulla fine del wrap

[karl94]

Se non fornisci almeno il sorgente e le immagini è difficile aiutarti.