i have a google map with a single marker and a single infoBubble. The infobubble appears when clicking on the marker. The problem is that the infobubble appears right on the marker, not over it. See screenshots:

infoBubble is closed:
![infoBubble is closed](https://i.stack.imgur.com/ZPunE.png)
infoBubble is open:
![infoBubble is open](https://i.stack.imgur.com/RSlU0.png)
This is the code, i am using geocoder as i have only the named adress:

```
geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var myOptions = {
                zoom: 14,
                center: results[0].geometry.location,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });

            //i am using simple InfoBubble initialization
            var infoBubble = new InfoBubble(
                {
                    map: map,
                    content: "<h2>"+name+"</h2><div>"+street+"</div><div>"+city+", "+zip+"</div>"
                });

            google.maps.event.addListener(marker, 'click', function(e) {
                infoBubble.open(map,marker);
            });

        }
    });

```

any clue why this is happening?