animar un objeto con evento onmouseover

[Heiroon]

Buenas gente, tengo un problema que debo resolver lo antes posible y recurri a su ayuda, que espero me puedan brindar. Es lo siguiente:

Estoy haciendo un sitio web en el que hay un objeto (div) que al colocarle el mouse encima debe salir con una animacion que ya tengo hecha, y al quitar el mouse debe ocultarse. Pues bien, esa parte la tengo lista ya. Sin embargo el problema esta en que dicho objeto, debe tener dos enlaces (dos divs mas) y todo se maneja por una imagen de fondo. Entonces, al colocar el mouse en uno de los subdivs la animacion y salir al principal lo toma como mouse out y se oculta el objeto... no se si me explique bien, el punto es que quiero que tome ambos div como parte del principal.. cualquier cosa les dejo una imagen y me preguntan... ayuda por favor!

[evo_it]

Hola, lo que yo trataría de hacer es una función que verifique la posición del puntero del mouse en el eje X y el eje Y (_xmouse,_ymouse) y lo compare el tamaño del botón principal que tienes de fondo, si se sale fuera de los límites entonces que haga las acciones del rollOut.

Es posible que tengas que llamar a esta función también en los rollOuts de los otros dos sub botones, ya que si retiras el mouse de un sub botón con mucha rapidez puede no ejecutarse el rollover/rollOut del botón principal.

Seguramente existen formas más profesinales de hacer esto, pero no se me ocurren ahora.

Saludos