Как сделать текст авторского права в обертке карты Google, когда карта маленькая?

Question

Когда вы встраиваете карту Google на веб-страницу, текст авторского права включается на карту.

Если вы встраиваете карту небольшой ширины, текст об авторском праве выходит за пределы <div>, а не оборачивается на две строки внутри него.

Это HTML-код, который Google Maps вставляет для текста об авторских правах:

<div style="-moz-user-select: none; z-index: 0; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" dir="ltr">
    <span></span>
    <span>Map data &copy;2010  LeadDog Consulting, Europa Technologies - </span>
    <a href="http://www.google.com/intl/en_ALL/help/terms_maps.html" target="_blank" class="gmnoprint terms-of-use-link" style="color: rgb(119, 119, 204);">Terms of Use</a>
    <span></span>
</div>

Я пытался с помощью jQuery выбрать этот HTML-код на основе его содержимого (используя :contains()) и по-разному его стилизовать, но ни один из стилей не применяется в IE 8. Они отлично применяются в IE 7 и Firefox.

$('.map_placeholder div:contains("Map data ")').css({'white-space': 'normal', 'margin-left': '70px', 'width': '210px', 'border-top': 'solid 10px #c00'});

• Есть идеи, что случилось с IE 8?
• Знаете ли вы другие методы для достижения того же результата?

Answer 1

div span { white-space: normal;}

Answer 2

Только что проверил, и все работает. Перезаписать встроенный CSS следующим текстом:

div[style]{
 font-size: inherit !important;
 white-space: inherit !important;
}


span[style]{
 white-space: inherit !important;
}

a[style]{
 color: inherit !important;
}

span { white-space: normal; }

Answer 3

Вы должны иметь возможность установить overflow:hidden на внешнем div, и ничто не выйдет за его пределы.

Я бы осторожно удалил / изменил стиль текста, защищенного авторскими правами, поскольку это, скорее всего, нарушение TOS от Google.