Question : CSS pour faire l'image augmenter vers la gauche

Je veux une série de mêmes différentes images de largeur de taille (#headerImage) au jut dehors à la gauche de mon domaine content principal centré (#header). Je veux le bon bord de chaque image reste en même x-position mais avoir la personne à charge gauche de bord sur la largeur de l'image

There sera seulement une image par la page, mais les différentes images sur des clôtures de chaque navigateur de page.

As deviennent plus petites je veulent que le domaine content principal soit centré dessus indépendamment de l'image-i.e. Je veux que le bord gauche de l'image soit coupé si la clôture de navigateur est trop petite. Mais je ne veux pas qu'un scrollbar horizontal apparaisse à moins que le #header commence à être off-I coupé ne veuillent pas seulement le #headerImage de partie étant découpé pour créer un scrollbar.

So que j'ai créé le #leftContainer en tant que flotteur : gauche pour contenir le #headerImage en tant que flotteur : droite. Je ne suis pas nouveau au CSS est-ce que mais je suis nouveau à employer le CSS plaçant much.

This semble comme un terrain communal assez de condition, de juger le bon bord d'une position d'image régulier tout en laissant son bord gauche augmente/contrat selon l'image used.

Is ceci une bonne solution ? Quels problèmes est-ce que je rencontrerai ? Queest-ce que je devrais faire différemment ?

Happy pour attribuer des points pour toutes les suggestions utiles :)nom de fichier " " de >