sub menus in javascript

[James Smith]

currently i am using this to pop up a sub menu in javascript :

<a href="javascript:void(null);" onmouseover="diver.style.visibility = 'visible';">


<img src="http://64.176.203.16/images/releases.gif" width="142" height="16" border="0" alt="news.gif" name="image2"></a>

<div id="diver" style="visibility: hidden; background: black; width: 75; height: 75; position: absolute; left: 50; top: 20;" onmouseout="this.style.visibility= 'hidden';">

<br><center><font face="verdana" size="2" color="#FFFFFF">test</font></center>

</div>

------------------------------------------
This works in IE, but not in Netscape. I urgently need to fix this. Can anyone help me out please ?

Thanks
James

[Kevin Yank]

Unfortunately, the Netscape way of doing this is significantly more complex, and is fraught with known bugs and limitations. Essentially, you'll need to create a JavaScript function that you use to make the menu visible/hidden, then call that function wherever you're setting the visibility now. The function will then have to determine which browser is viewing the page, and then use the appropriate code to perform the task.

If this is something you see yourself doing regularly, I'd highly recommend you pick up a copy of "Dynamic HTML: The Definitive Reference" from O'Reilly. It's a great book that provides complete HTML, CSS, DOM, and JavaScript references as well as a 200 or so page discussion (with plenty of sample code) of cross-browser DHTML scripting that will teach you everything you need to produce these kinds of effects in a cross-browser fashion.