onmouseout, elementy Opcje

[GrayHat]

problem dotyczy sie takiego kodu:

[HTML] pobierz, plaintext 
<script language="JavaScript">
 
function findPos(el) {
	var obj=document.getElementById(el);
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop-70];
}
 
function show(what){
	var pos = findPos(what);
	document.getElementById('tipDiv').style.display = 'block';
	document.getElementById('tipDiv').style.left = pos[0]-30;
	document.getElementById('tipDiv').style.top = pos[1];
}
 
function hide(){
	document.getElementById('tipDiv').style.display = 'none';
}
</script>
<style>
span { margin-left: 50px; }
</style>
<div style="width:500px;margin:100px auto;text-align:center;">
 
<div id="tipDiv" onmouseout="hide()" style="background: yellow; position:absolute; border: solid 1px red; width: 100px; height: 200; display: none;">
div div div
 
<input type="text"/>
</div>
 
 
<span onmouseover="show('over')" id="over">siema</span> <span onmouseover="show('o1')" id="o1">siema</span> <span onmouseover="show('o2')" id="o2">siema</span> <span onmouseover="show('o3')" id="o3">siema</span>
</div>
[HTML] pobierz, plaintext 

i problem jest w akcji onmouseout divka... chce zeby akcja sie wykonala jezeli myszka zjedzie z tego divka poza jego obszar a obecnie dziala nawet jak wjedzie na element w tym divku (input)...

prosze o pomoc