jQuery e Google Map responsive

[pinkarman]

ciao a tutti,
ho un problema con una mappa inserita via jQuery in una pagina di un sito Wordpress.
Il codice è questo

<script>jQuery(document).ready(function(){ jQuery("#map").gMap({markers: [ { address: "...."} ], maptype: google.maps.MapTypeId.ROADMAP,zoom: 16}); });</script>

e sembra funzionare, ma il sito è responsive, e a una risoluzione compresa tra 480 e 767 pixel di larghezza, la mappa non viene renderizzata: compare un box vuoto con il logo di Google e tutte le info del caso, ma senza la cartina vera e propria. Qualcuno può aiutarmi a capire cos'è che gli dà fastidio?

La pagina in questione è
http://www.underscape.it/contact/
(ridimensiona per vedere l'effetto)

Grazie in anticipo a chi saprà aiutarmi!

[Xinod]

devi usare un selettore piu' specifico nelle media queries per evitare di coinvolgere i div contenuti in #map

questi i 2 selettori incriminati
#content_wrapper .inner .inner_wrapper .sidebar_content div
#page_content_wrapper .inner .sidebar_content div

[pinkarman]

grazie mille Xinod, risolto!