Why is Chrome ignoring my CSS selector?

Question

In the following page http://ada.kiexpro.com/test2/map.html I added:

white-space: normal;

to wrap the copyright text that is coming our from the Google map API. It works in FF and IE but Chrome seems to ignore the CSS selector:

global.css:

#cm_map span {
white-space: normal !important;
}

Answer 1

Google has an anonymous div with inline styles surrounding the copyright content. Only hook I can see is that it's a sibling of the "logocontrol" div. To override, try something like the following:

#cm_map #logocontrol + div[style] {
    left: auto !important;
    line-height: 13px;
    right: 5px;
    bottom: 6px !important;
    white-space: normal;
    width: 95%;
}

Not thoroughly tested but something like this should work.