Проблема с балунами на карте

Пытаюсь разместить на карте балун.

В данный момент имеется такой html код:

                <style>
                #map-cont{
                    width:520px;
                    height:300px;                
                }
                </style>
                <div>
                    <div id="map-cont">
                    </div>
                </div>

и вот такой яваскрипт:

 window.onload = function () {
    var map = new YMaps.Map(document.getElementById("map-cont"));
    var geocoder = new YMaps.Geocoder("Россия, Москва, 115478,  Каширское шоссе, дом 24, строение 11");
    YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder) {
            var placemark = new YMaps.Placemark(geocoder.get(0).getGeoPoint(), {style: "default#redSmallPoint"});

            placemark.setIconContent("К.М.Косметик");
            placemark.name = "К.М.Косметик";
            placemark.description = "Россия, Москва,  Каширское шоссе, дом 24, строение 11";
                              
            map.addOverlay(placemark);
            map.setBounds(geocoder.get(0).getBounds());
            $(".YMaps-b-balloon-content").removeAttr("style");
    });
}   

При этом метка ставится верно, но почему-то балун получается гигантской ширины.

код балуна который в итоге получается:

<div class="YMaps-b-balloon-content" style="width: 780px; height: 16px; overflow: hidden;">К.М.Косметик</div>