Google maps position fixed
 

Добрый день!

Подскажите, в чем причина и как это побороть. Имеется DIV в который "рисуется" карта от гугла. Этот DIV я хочу поставить на фон страницы, для этого прописал следующие стили:
Также на странице имеется отцентрованный DIV с контентом у которого стили такие:
Проблема: при прокрутке страницы, карта не фиксируется на экране, а уходит с контентом на верх (не работает position:fixed). С версткой видимо всё нормально, т.к. если за место карты разместить текст, то position:fixed работает как надо. Здесь видимо есть какая-то особенность, видимо с контентом карты гугла не работает position:fixed. Это можно побороть без скриптов?
Скриптами это можно побороть поставив position:absolute; и прописав такой скрипт:

$(window).scroll(function(){ 
	$('#map').css('top', $(window).scrollTop()+'px');
});

Но при этом, во время прокрутки, карта "дергается". Если нельзя решить вопрос без скриптов, то возможно подскажите как сделать чтобы со скриптом карта не дергалась?
Заранее спасибо.

А ларчик просто открывался: оборачиваем DIV с картой в еще один DIV и уже на него устанавливаем position:fixed.