Problema ocultando un div con onmouseout

[Carlillus]

Hola, estoy intentando hacer que en mi página web, cuando haces clic sobre el nombre de un usuario, se abra una pequeña ventanita con un poco de información personal justo por encima del link, hasta aquí bien, pero me gustaría saber como hacerla desaparecer solo cuando el cursor salga de la ventanita.

Por ahora, la ventanita desaparece cuando el cursor se sale de algún texto o de alguna de las imágenes, pero me gustaría que esta se mantuviera mostrándose mientras no salga el cursor de ella, incluyendo el fondo.

El código HTML usado es el siguiente:

Código HTML:

<span class="index_name_link">
<a href="javascript:show_profile('0', 'friend_profile')">
Nombre Usuario
</a>
<div id="friend_profile" class="small_profile" onmouseout="hide_profile('friend_profile')" >
(Texto de la ventanita)
</div>
</span> 

El Javascript usado:

Código HTML:

function show_profile(user, element){
	element2 = document.getElementById(element);
	element2.style.display="block"
}
function hide_profile(element){
	element2 = document.getElementById(element);
	element2.style.display="none"
}

El CSS por si sirve:

Código HTML:

.index_name_link{
	position: relative;
}

.small_profile{
	display: none;
	border: 1px solid black;
	background-image:url("../images/interface/top/time_bg.png");
	color: #FFFFFF;
	width: 200px;
	height: 100px;
	position: absolute;
	top: -15px;
	left: -15px;
	z-index:5;
}

[jackson666]

Disculpa, pero no entiendo bien... Haces aparecer un div cuando hacen click en el link, y despues tenes el evento onmouseout en el div para que desaparezca no?

No entiendo en que momento queres que desaparezca o no =P

Si podes expicar un cachito mejor, buenisimo, gracias!

[Carlillus]

Pues a ver, resulta que tu tienes un link con un nombre de usuario, por ejemplo el mío "Carlillus" y justo cuando clicas encima, aparece una ventanita en el mismo sitio, de tal forma que el ratón queda dentro de esa ventanita y se puede mover por ella.

El caso, es que la ventana desaparece cuando el cursor pasa a estar fuera del texto o de las imágenes de dentro de la ventana, es decir, que si pones el cursor en una parte de la ventanita donde no haya nada, esta desaparece... Yo quiero que desaparezca solamente cuando el cursor sale por completo de la ventana.

Gracias por la ayuda.

EDIT:

Ya lo he arreglado, un poco sucio pero bueno, lo que he hecho ha sido añadir la misma función show_profile con onmouseover en el div de la ventanita xD.

[jackson666]

Ah no habia entendido :p siple hombre agrega esto:

div id="friend_profile" class="small_profile" onmouseout="hide_profile('friend_profile')" onmousemove="show_profile('0', 'friend_profile')">