Eu estou tentando detectar um evento de mouseover em um círculo. Eu defino o círculo div assim:

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

Então eu detecto o mousover usando jQuery assim:

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

Isso funciona bem, exceto que toda a área 80px por 80px aciona o evento mouseover. Em outras palavras, apenas tocar no canto inferior direito do div aciona o evento de passar o mouse, mesmo que o mouse não esteja sobre o círculo visível.

Existe uma maneira simples e amigável de jquery para acionar o evento mouseover somente na área circular?

Atualização: Para o bem desta questão, vamos supor que o navegador seja capaz de CSS3 e renderize o raio da borda corretamente. Alguém tem as habilidades de matemática / geometria loucas para chegar a uma equação simples para detectar se o mouse entrou no círculo? Para simplificar ainda mais, vamos supor que seja um círculo e não um raio de borda arbitrário.