El problema del mapa google centrado con display:none

[pendej]

Buenas:

Es un problema ya conocido pero no encuentro ninguna respuesta ni comentario actualizado por el foro que me valga.

La cuestión es que quiero que al expandir una pestaña se vea el mapa de google pero centrado, y no soy capaz.

Actualmente el código de esa parte es:

Código:

<div id="mapToggle" class="toggleButton closed"><span>+</span>Ver situacion</div>
        <div id="mapa">
        
<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?q=MUSEO+bonsai+marbella&amp;z=16&amp;iwloc=B&amp;output=embed"></iframe><br /><br />
       	
</div>

La clase es simplemente:

Código HTML:

#mapa {margin: 15px 0 0 0; display: none; }

¿Alguna idea? Estoy desesperado para que se pueda mostrar directamente tras clickar en VER SITUACION