Google Maps v3 Weird Controls Rendering

I just upgraded a few of my Google Maps to v3. But, I noticed that my Controls and InfoWindows weren’t rendering correctly. They were looking pretty weird.

So I began much investigation. Turns out that it was a CSS conflict with styles on my site.

For Responsive goodness I was using:

img { max-width: 100%; }

and this was the source of the conflict.

Fixing turned out to be really easy once I narrowed down the problem.

I just set the max-width of the images within the map container to none.

#map-container { max-width: none; }

Now my maps look pretty and my Responsive goodness is still working like a charm!