Как остановить изменение размера поля после изменения размера div

Question

Я создал div с изображением внутри. При нажатии он изменяет размер div и помещает в него большее изображение. Побочным эффектом этого является то, что div-обертка перемещается немного влево.

Я пробовал несколько вещей, но вот код. Надеюсь, вы можете помочь.

http://jsfiddle.net/iamjasonlucchesi/3FuJ6/2/

Пожалуйста, убедитесь, что вы можете видеть поле между телом и оболочкой, прежде чем тестировать код. Также обратите внимание, что изображения не работают, так как я их не вставил.

Answer 1

Проблема заключается в горизонтальном прыжке, вызванном отсутствием полосы прокрутки в некоторых браузерах. Ссылка ниже, как решить это. http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/