drop downs disappearing with animation

How do I get the drop down navigation to appear ontop of the animation?  If you click on any interior page, you will see that the first two buttons should have many more drop downs. Only a couple are appearing.

http://nsitedesigns.com/nsitedesigns/miller/index.html
nsitedesignsAsked:
Who is Participating?
 
roshnipatelCommented:
Try setting the z-index for you "main-nav" div

<div id="main-nav" style="position:absolute;z-index:">
...
</div>

Here's an article on it also:
http://support.microsoft.com/kb/177378
0
 
nsitedesignsAuthor Commented:
Crap.  I thought this fixed it but it looks like the z-index pushes the nav flush left when it should appear to the RIGHT of the logo.  Any ideas?  Did you want me to open new ticket?

here is new link

http://nsitedesigns.com/nsitedesigns/miller/test2.html
http://nsitedesigns.com/nsitedesigns/miller/miller_new.css

ul#main-nav {
float:left;
margin-top: 36px;
padding:0px;
position:absolute;
z-index:10;
}

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.