I have the following script. It hides div layer when mouse is out of the div layer. Inside DIV I have IFRAME box. Unfortuantely it does not work in Mozilla or IE 5.5. It hides div when cursor is inside IFRAME. NOte that IFRAME is inside DIV so it should not hide DIV. It Works fine in IE6.0.

Could any one help?

Example:

<html>
<head>
<script type="text/javascript">
function hide() {
obj = document.getElementById('testDiv');
obj.style.visibility = 'hidden';
}
function show() {
obj = document.getElementById('testDiv');
obj.style.visibility = 'visible';
}
</script>
<head>
<body>
<form action="">
<input type="button" value="Show" onclick="show()">
</form>
<div id="testDiv" style="border: 10px solid red;" onmouseover="show()" onmouseout="hide()">
<p>Text inside DIV</p>
<iframe id="testIframe"></iframe>
</div>
</body>

Thanks in advance