immagine CSS centratura verticale spaccatura di fondo non si sovrappongono

Question

è possibile dividere 2 immagini in verticale e quando il ridimensionamento del browser, non ci vorrà sovrappongono ma rimanere centrato verticalmente?

può l'immagine sinistra rimanere fissa in modo che il lato destro di esso non si interrompe (sovrapposizione)

Questo è quello che ho adesso, ma quando si ridimensiona il browser più piccola, si spinge l'immagine a sinistra sotto la destra. piuttosto hanno le immagini tagliate sui lati esterni e mai si sovrappongono l'un l'altro in mezzo, dare un senso?

#wrapper {
 width:1680px;
 max-width:1680px;
 height:500px;
 margin: 0 auto;
}
#left-image {
 width: 50%;
 position:absolute;
 left: auto;
 height:500px;
}
#right-image {
 width: 50%;
 position:absolute;
 right: 0px;
 height:500px;
}

Answer 1

Hai provato questo plugin jQuery?

http://plugins.jquery.com/project/elementcenter

Si terrà elementi di scelta centrato.

Answer 2

per il right-image cosa succede se si utilizza left: 50%; invece di right: 0px;?