[Google Maps API v3] Issue with map inside a tab

[Vicky]

Hi everyone!

I'm having a "mysterious" (at least to me) issue with a map not fully
showing. The Google trade mark and zoom controls show ok, but the real
map only shows in one corner. Here's a picture of it: http://tinyurl.com/3x9sr5v

I've read many entries on this kind of issue, but I just don't
understand how to make the right changes for it to work. Could someone
help me with a fool-proof explanation?

Thanks a lot!!

----------------------------------
Here's the HTML:

    <div id="proyecto_prop">
      <ul class="idTabs">
          <li><a href="#ficha">Ficha t&eacute;cnica</a></li>
          <li><a href="#mapa">Ubicaci&oacute;n</a></li>
          <li><a href="#imagenes">Imagenes</a></li>
          <li><a href="#planos">Planos</a></li>
          <li><a href="#memo">Memoria descriptiva</a></li>
          <li><span class="entrega">Estado de obra:</span></li>
      </ul>

        <div id="contenido_proy">
          <div id="ficha">If you haven't checked out ...</div>
          <div id="mapa">
                <div class="img_up">
                  <div id="map_canvas" style="width: 400px; height:
200px;"></div>
                </div>
                <div class="texto_up">
                  <p>Ubicacion: </p>
                  <p>Entre Salguero y Medrano</p>
                  <p>A 2 cuadras de la Universidad de Palermo</p>
                  <p>A 2 cuadras de la Universidad Tecnológica
Nacional</p>
                </div>
          </div>
          <div id="imagenes">idTabs is only a simple ...</div>
          <div id="planos">idTabs is only a simple ...</div>
          <div id="memo">idTabs is only a simple ...</div>
        </div>
        <div style="clear: both;"></div>
    </div>
-----------------------------------
And the JS script:

  function initialize() {

    var latlng = new google.maps.LatLng(-34.609205,-58.375064);
    var myOptions = {
      zoom: 15,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new
google.maps.Map(document.getElementById("map_canvas"), myOptions);

  /**/

 var image = 'images/icono_edificio.png';
 var marker = new google.maps.Marker({
      position: latlng,
      title:"Nuevo Proyecto",
          icon: image
  });

  // To add the marker to the map, call setMap();
  marker.setMap(map);

}


$(function() {  initialize();   });

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To post to this group, send email to google-maps-js-api...@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.