Custom icon Marker moves with zoom

Hi I am new to leaflet. I am trying to add a custom marker similar to the custom icon sample here: http://leaflet.cloudmade.com/examples/custom-icons.html

When I zoom out the markers move away from the actual point at which the marker is placed. Here is my code, very simple: var map = L.map(‘map’).setView([51.5, -0.09], 13); L.tileLayer(‘http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png’, { attribution: ‘Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade’, key: ‘BC9A493B41014CAABB98F0471D759707’ }).addTo(map);

    var icon = new L.Icon({iconUrl: 'map_pin.png'});

    L.marker([51.5, -0.09], {icon: icon}).bindPopup("I am a green leaf.").addTo(map);

though I have tried a number of other things. This was brought up in issue #371. The author said he fixed it but did not provide the fix. Please help

Thanks, Sam

[mourner]

You need to also specify iconSize and iconAnchor, like in the tutorial.

[meislisha]

@IvanSanchez look at this,please https://github.com/Leaflet/Leaflet/issues/895#issuecomment-1185630452