Questione : CSS per fare immagine espandersi a parte di sinistra

Voglio varie stesse immagini differenti di larghezza di altezza (#headerImage) a jut fuori alla sinistra della mia zona soddisfatta principale concentrata (#header). Voglio il giusto bordo di ogni immagine rimanere nella stessa x-posizione ma avere il dipendente di sinistra del bordo sulla larghezza del image

There sarà soltanto un'immagine per pagina, ma le immagini differenti sulle viste di ogni browser di page.

As ottengono più piccole io vogliono la zona soddisfatta principale essere concentrate sopra indipendentemente dal image-i.e. Voglio il bordo di sinistra dell'immagine essere escluso se la vista del browser è troppo piccola. Ma non voglio uno scrollbar orizzontale comparire a meno che il #header cominci ad essere off-I tagliato non vuole soltanto il #headerImage della parte che è tagliato per generare uno scrollbar.

So che ho generato il #leftContainer come galleggiante: parte di sinistra per contenere #headerImage come galleggiante: destra. Non sono nuovo a CSS ma sono nuovo a usando il CSS che posiziona much.

This sembro come un terreno comunale abbastanza requisito, giudicare il giusto bordo di una posizione di immagine costante mentre lascio il relativo bordo di sinistra mi espando/contratto secondo l'immagine used.

Is questo una buona soluzione? Che problemi incontrerò? Che cosa dovrei fare diversamente?

Happy per assegnare i punti per tutti i suggerimenti utili:)nome di schedario " " vuoto " >