Google Maps Api Map Loading Problem

[tebrown]

Hello,

 

I have implemented the Google Maps API V3 into my popup modal. But when i open the modal, it only displays a portion in the top left corner of the div. You can check it out at this jsFiddle document i have provided:

 

http://jsfiddle.net/tebrown/QsCcn/1/

 

I have tried putting in google.maps.event.trigger(map, 'resize'); but not sure if the placement is right.

 

Any help would be much appreciated.

 

Cheers

tebrown