Графика InfoWindow "испортилась" с помощью Google Maps API v3

Question

Я просто помещаю маркер на карту (после того, как все настроено и отцентрировано, как в примере кода в документации Google), используя геокодер, и размещаю на нем информационное окно следующим образом:

geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        var marker = new google.maps.Marker({
            position: results[0].geometry.location,
            map: map,
            title: title
        });
        google.maps.event.addListener(marker, 'click', function () {
            console.log('openInfoWindow');
            infoWindow.setContent(content);
            infoWindow.open(map, marker);
        });
    };
});

content - это просто HTML-ссылка, address - действительный адрес (поскольку у меня нет проблем с отображением маркера).

Как вы можете видеть на этой картинке, у меня есть небольшая графическая проблема:

Это похоже на то, что спрайт CSS все ... испорчен. Я понятия не имею, откуда возникла эта проблема, я уже давно занимаюсь этим, и я раздражаюсь ... любое предположение полезно на этом этапе. Снимок экрана одинаков в Webkit (Safari и Chrome) и Firefox.

Answer 1

Это старый, но вот более общее решение проблемы github :

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
    max-width: 99999px;
}

Answer 2

Как и mkilmanas догадался, это было противоречивое объявление CSS. У меня было это в моем файле CSS:

img {
  max-width: 300px;
}

Я полностью осознаю, насколько это глупо. Большое спасибо mkilmanas .