I have a website that has drop down menus. I managed to get the drop down working, however on a few child pages, the drop down doesn't work but on some it does and I can't figure out how to get it to work on ALL pages.

My auto nav is set to:
Display Pages: at the top level
Sub pages to display: display all
Sub page levels: display all

I have no custom attributes to block the menu from showing.

Here is the code for the drop down menu:
* NAVIGAITON */

#nav {overflow: visible; width:900px; margin:45px 40px 0 40px; float:left;}

#nav ul.nav {list-style:none; position:relative; z-index:1;}

/* TOP NAV */

#nav ul.nav li {float:left; position:relative; zoom:1;}
#nav ul.nav a {text-align:center; color:#fff; font-variant:small-caps; font-family:georgia, serif; padding:5px 30px 17px 25px; height:52px; font-size:1.1em; zoom:1; }

/* TOP NAV HOVER */

#nav ul.nav a:hover{background:url(images/button.png) bottom no-repeat;}

/* SUB NAVIGATION */
/* This tells the sub nav not to display */
ul.nav li ul {display:none;}

/* This tells the sub nav to display when it's top nav is hovered on */
#nav ul.nav li:hover ul{display:inline-block}

#nav ul.nav li ul {position:absolute;top:0;left:0;width:auto;z-index:1000; margin-top:35px;}
ul.nav li ul, #nav ul.nav ul li ul li{width: 150px; z-index:1000; list-style:none;}
#nav ul.nav li ul li {height:auto; position:relative; background:#6e3c5e; padding: 9px 0;width:150px; border-bottom:solid #fff 1px;}
#nav ul.nav li ul li a{float:none; font-variant:none; text-align:left;z-index:1000; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:.9em; padding:11px 20px; background-image:none;}

/* SUB NAV HOVER */
#nav ul.nav li ul li:hover{background:#294d5c}
#nav ul.nav li ul li a:hover{ background-image:none;}