Точно обнаружьте событие mouseOver для отделения со скругленными углами

Я пытаюсь обнаружить событие mouseOver на круге. Я определяю круговое отделение как это:

.circle {
  width: 80px;
  height: 80px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  background-color: #33f;
}

Затем я обнаруживаю mousover использование jQuery как это:

$('.circle').mouseover(function() {
  $(this).css({backgroundColor:'#f33'});
});

Это работает хорошо, за исключением того, что вся область 80 пкс на 80 пкс инициировала событие mouseOver. Другими словами, просто касание правого нижнего угла отделения инициировало событие mouseOver, даже при том, что мышь не по видимому кругу.

Существует ли простое и jQuery дружественный способ инициировать событие mouseOver в круговой области только?

Обновление: Ради этого вопроса давайте предположим, что браузер CSS3 способный и представляет радиус границы правильно. У кого-либо есть безумные навыки математики/геометрии для предложения простого уравнения, чтобы обнаружить, ввела ли мышь круг? Для создания этого еще более простым давайте предположим, что это - круг и не произвольный радиус границы.