Конан Варвар

jsfiddle.net/cnL8bjue

А какой результат вы ждете?

Можно так

Та вроде не дергается)

var code = `
<div>
  <div>Header</div>
  <div class="test">-->ВСТАВИТЬ_СЮДА<--</div>
</div>
`;

$('.test').wrapAll(code);

overflow: hidden?

Обязательно уточняйте этот момент перед начало разработки. Очень грустно бывает, когда ты уже сверстал проект, не то чтобы на глаз, но и не Pixel Perfect, а оказывается что для заказчика этот вопрос принципиальный. Мы с коллегой раз уже обожглись и просидели до 01.30 ночи, проверяя и изменяя весь проект под PP.
Так что обязательно уточняйте этот момент.

jsfiddle.net/zA23k/215

Попробуйте подключить это.

А потом его сверстать :)

Вы знаете, я вообще противник гнать на дизайнеров, но блин, неужели человек вообще дубовый, чтобы рисовать такую ахинею. Я бы за такое наказывал, сильно. Сделайте картинкой весь блок и не парьтесь :)

Добавляйте правый паддинг (например) на body при открытии модалки.

Та вроде одинаковые :)

Зависит от того, что такое ваш wrapper.
Если этот контейнер определяет только ширину, то ближе всего подходит вариант 2