Thanks for responding to my issue. Here's how some people have been fixing the issue. I was hoping that there's just some code to write in one area and it fixes all the issues? http://stackoverflow.com/questions/4528490/google-map-v3-off-center-in-hidden-div
Or would it be akin to a solution like this in the jQuery:
After much searching I found the issue was related to the iFrame being embedded inside a jQuery accordion. It rendered correctly initially when the accordion was rolled up by however when it was rolled down, the map position was thrown out.
Managed to fix the marker location by creating a new event which fired out when the accordion rolled down which re-rendered the iFrame and map position.