Pergunta : CSS para fazer a imagem expandir à esquerda

Eu quero uma variedade de mesmas imagens diferentes da largura da altura (#headerImage) ao jut para fora à esquerda de minha área satisfeita principal centrada (#header). Eu quero a borda direita de cada imagem permanecer na mesma x-posição mas ter o dependente esquerdo da borda na largura do image

There será somente uma imagem por a página, mas as imagens diferentes em viewports de cada navegador de page.

As começ menores mim querem a área satisfeita principal ser centradas sobre independentemente do image-i.e. Eu quero a borda esquerda da imagem ser eliminado se o viewport do navegador é demasiado pequeno. Mas eu não quero um scrollbar horizontal aparecer a menos que o #header começar a ser off-I cortado não quiser somente o #headerImage da parte que está sendo eliminado para criar um scrollbar.

So que eu criei o #leftContainer como o flutuador: esquerda para conter o #headerImage como o flutuador: direita. Eu não sou novo ao CSS mas eu sou novo a usar o CSS que posiciona much.

This pareço como uma terra comum bastante exigência, manter a borda direita de uma posição de imagem constante ao deixar sua borda esquerda expando/contrato dependendo da imagem used.

Is isto uma boa solução? Que problemas eu encontrarei? Que devo eu fazer diferentemente?

Happy para conceder pontos para todas as sugestões úteis:)nome de arquivo " vazio " >