Se inserisco un div dentro il link non funziona, il browser corregge e pone sempre il link e il div separati.
Se cambio e do l'id al[*] contenitore di a i modo che funzioni al passaggio del cursore su[*] e poi lo chiudo dopo il div, il risultato non cambia.

Non c'è modo di dare più condizioni all'effetto con observe?
ad esempio onmouseout per il link e un onmouseover che dica che non è sopra il div per farlo azionare.