Линию отрисовываю на карте Yandex Map через их API.
Имеется два div'a:
<div id="panel" style="position: absolute; z-index: 9999; left: 0; top: 0;
background-color: white; border: 1px solid black; padding: 5px;">
</div>
<div id="ball" style="position: absolute; z-index: 675; left: -9.5px; top: -10px; width: 18px; height: 19px; -webkit-user-select: none; cursor: pointer;
border: 0px solid black; padding: 0px; background-image: url(http://maps.yandex.ru/blocks/b-route/via.png);">
</div>
Отображаю div'ки так - шар на линии, панель чуть дальше -
http://www.freeimagehosting.net/ql1km
То есть задаю по MouseEnter координаты для обеих дивок.
Но далее есть проблема: курсор стоит на дивке с шариком и если двинуть мышью, то вторая дивка с панелью перескочит под курсор:
http://www.freeimagehosting.net/khdab
Не совсем понятно, откуда такой эффект появился?
Пробовал слушать обе дивки на mousemove и менять координаты - не помогло, дивка остается на том же месте у курсора..
Вот пример:
http://maptest.xe0.ru/test.html
Спасибо.