border-radius делает круглый блок. Но мышь ведет себя на скрыт.и нескр.области одинак
 

Здравствуйте.

Вот пример: http://jsfiddle.net/f8J7q/

проблема:
border-radius делает круглый блок. Но мышь ведет себя на скрытой и нескрытой области одинаково.

border-radius делает круглый div-блок и визуально, все что вне круга - скрыто (назовем "скрытая часть блока").
Курсор мыши на скрытой части блока ведет себя так, как будто-то блок на самом деле все еще прямоугольный.

То есть на скрытой части блока мы можем нажать кнопку карты, "ухватить" карту (mousedown) чтобы потянуть и т.п.

Как можно этого избежать?

1. Можно пробовать область наведения задать через Map-карту - там есть <area shape="circle
2. загородить углы неактивности - мелкими элементами http://uploads.ru/WGQr1.png


Задать формулу области, отслеживать попадание курсора в заданную область, при непопадании, выходить из
mouseover - mousedown return false;