Problemas com a função onMouseOver/Out

[Sássas]

No link abaixo, ao passar o mouse sobre o escrito "Mídia de Relacionamento", a div que aparece está abaixo da animação flash no centro da página. Gostaria que alguém pudesse me dar alguma dica, pois tentei com o z-index e não funcionou. Se eu inserir uma imagem na div q aparece, mesmo assim não aparece acima da animação. Se eu insiro uma animação, ela aparece acima da outra animação no Internet Explorer, e no Firefox ela aparece na primeira vez e na segunda vez já fica atrás da animação no centro.

Gostaria também que alguém pudesse me instruir como fazer com que a div que aparece, acompanhasse o cursor do mouse, pois no firefox ela não fica no mesmo lugar que aparece no I.E. Estou usando a função onMouseOver/Out. Desde já obrigado.

LINK: http://www.grafitefeiras.com.br/sitenovo/index5.html

[Norivan Oliveira]

Esse problema é clássico, qualquer div vai ficar abaixo de um objeto, como flash é carregado como objeto no HTML sua div sempre vai ficar por trás.

A menos que você encapsule seu flash em uma div, assim:

<style>
#st1{
    position: absolute;
    z-index: 3;
}
#st2{
    z-index: 0;
}
</style>

<div id="st1">TEXTO</div>
<div id="st2">FLASH</div>