google map V3 положение div фиксированное относительное изменение

Во-первых, извините за мой английский, потому что он не очень хорош.

У меня проблема с картой гугл. Я пытаюсь получить карту в div, и я хочу, чтобы этот div с позицией :был исправлен.

Моя проблема заключается в том, чтобы нарисовать карту, потому что измените положение div. В начале фиксировано, а после того, как нарисовано относительно и изменить положение div.

Вот мой код,HTML

<div class="verMapa"> SEE MAP </div>        
<br><br><br>        
<div>
  <div id="mask" style="display:none; background-color:#000000; position:absolute; right:0; top:0; z-index:9000;"></div>

  <div id="capaMapa" style= "display:none; background-color:white; position:fixed; top:50%; left:50%; width:600px; height:400px; margin-top:-200px; margin-left:-300px;z-index:9900;">
  </div>
</div>

КОД Javascript

var map = null;

$(document).ready(function(){

    //Evento click en Mask que cierra el mapa.
    $("#mask").click(function(){    
        $('#mask').hide();
        $('#capaMapa').hide();
        $('#capaMapa').html("");
    });


    //Evento click en ver mapa
    $(".verMapa").click(function(){ 

        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Set height and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth, 'height':maskHeight});

        //transition effect
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow", 0.5);

        //transition effect
        $('#capaMapa').fadeIn(2000);

        initialize(40, -1);

    });

});


function initialize(latitud, longitud) {              

    myOptions = {
        zoom: 14,
        center: new google.maps.LatLng(latitud, longitud),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    //inicializamos el mapa.
    map = new google.maps.Map(document.getElementById("capaMapa"), myOptions);  

}

После нажатия на «см. карту» я вижу карту правильно, но с ошибкой, если вижу код в firebug. стиль в div "capaMapa" изменился и теперь позиция :относительная, и этот div рисуется в ошибочной позиции.

Я видел это изменение после инициализации карты: "map = new google.maps.Map (document.getElementById ("capaMapa" ), myOptions );" потому что, если я прокомментирую эту строку, чтобы нарисовать div в правильном положении.

Любое предложение?