Onmouseover problema div criança e evento borbulhando

Eu tenho uma pequena div acima (pairar) uma grande.
Atribuo eventos onmouseover e onmouseout à div do wrapper.
Para animação de rolagem de legenda de imagem.

O problema é quando o mouse está acima da legenda, causando um resultado indesejado (provavelmente evento com bolhas).

E outro problema: às vezes, quando você move o mouse de fora para o container, obtém uma sequência tripla: (deve ser apenas 2):
-Estou acabado -Estou acabado -Estou acabado-

Como fazer dar certo? (sem jquery)
deve funcionar em todos os navegadores.

Demo

Eu adicionei o log do console do firebug para uma depuração melhor.

ATUALIZAR:
Adicionei isso (não na demonstração on-line) no RollOverDescription:

if (!eventHandle) var eventHandle = window.event;               
var srcEle = eventHandle.srcElement.id;             
if(srcEle=="imageDescription" ){
    return;
}

Mas isso não ajuda.

questionAnswers(1)

yourAnswerToTheQuestion