How can I fix style problems with a google map's info window?

Question

By default, a Google Map infowindow has really nasty style, such that the inner content overlaps the close button when a scrollbar is present:

Google, by their infinite wisdom, don't do anything as nice as using classes on their elements, so that makes styling the info window very difficult. Does anyone know how I can fix this overlap problem?

Answer 1

Insert your own div with id and class into the window and style it; if you want even more control, get its parent (through document.getElementById("yourdiv").parent) and manipulate its CSS through DOM (e.g. reset the overflow property).