View Full Version : Drop down menu disappears before you can click anything

May 6th, 2008, 07:11 AM
I just want to say thank you in advance to anyone who may be able to help me, and I hope I am posting this thread in the right forum.

Here is my problem. I had a site designed for me (the designer is no longer available for help), and the drop down menus will show the links below them when you hover over the main link. Unfortunately once you try to move your mouse down to a link under it, the drop down disappears before you can click on anything. I believe I've attached the right piece of javascript relating to this problem. However, since I am not an expert in this field, I am also including a link to the site for referrence. The links are in while in the upper left corner of the site. Any and all help is greatly appreciated to remedy this VERY frustrating problem.

<script language="JavaScript1.2">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
node.onmouseout=function() {
this.className=this.className.replace (" over", "");


May 6th, 2008, 09:08 AM
Your CSS for the menu looks a little complicated(lacking specificity), so in order to correct it, I may have to rewrite it from the beginning.

I'd recommend you to structure your menu like http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html (just view the source) and add/remove only the required styles/markup.

May 6th, 2008, 02:42 PM
Thank you very much for your reply. Unfortunately I didn't write this code or design the layout, and really wouldn't know where to begin to try and rewrite or fix it. I was hoping it was something simple, but I guess I was wrong. What "realistic" options do I have for fixing this issue?