Google Maps API Problem!

Google Maps API Problem!

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:

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