title: LeafletJS markers move on zoom
body: <p>Using LeafletJS which is ace, well until now :P We don't have a JSON object or anything, so I am taking the values out of the HTML (title, latlng) and creating markers. Generally that works ok, however there is an issue with the plotting of them. When the map is really zoomed in they seem to be ok, but when you zoom out (like the map is initially), they are way off. They then move on zoom. </p>
  
  <p>So, what am I doing wrong?</p>
  
  <p><a href="http://jsbin.com/edegox/1" rel="noreferrer">http://jsbin.com/edegox/1</a>
  <a href="http://jsbin.com/edegox/1/edit" rel="noreferrer">http://jsbin.com/edegox/1/edit</a></p>
  
  <p>Cheers
  Tom</p>