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

Question

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

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

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

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

Answer 1

Проблема в горизонтальном прыжке, вызванном отсутствием полосы прокрутки в некоторых браузерах. Ссылка ниже, как решить это. http://css -tricks.com / исключить прыжки в горизонтальной центровки-на-форсирования-а-прокручивать-бар /