I am using a Google map on my homepage at http://craigcurry.com. It’s contained in a div that is 410px wide, but the Google map copyright info is displaying at a width of 636px, spilling over into another column. The styling for that text (a "span") is coming from Google and it seems "white-space:no-wrap" is the culprit, but I cannot figure out how to target it in my CSS to override Google’s. I’ve tried "overflow:hidden" on my google_map_box div but that’s not working.
The problem is that the ‘#google_map_box div span’ has inline styling of ‘white-space:nowrap’. Targeting it with external stylesheets isn’t going to work. After the google files have loaded, you could add the following jQuery:
On Firefox, some inline styling seems to do the trick, but doesn’t work for Safari or Chrome.