Animation and Drop Downs Fighting Each Other

How do I fix this so that the drop down buttons work and that the ribbon appears above the  animation?

Animation
http://nsitedesigns.com/nsitedesigns/am/index.html

The animation was created using Wow Slider.
index.html
am.css
style.css
nsitedesignsAsked:
Who is Participating?
 
tailoreddigitalConnect With a Mentor Commented:
Try this,

I adjusted the CSS in 3 spots.   I just added some z-index,

Here is the end result,
Result
Here is what i adjusted,

in am.css,
nav
ul
in style.css,
slider

I attached the CSS files
am.css
style.css
0
 
tailoreddigitalCommented:
The dropdowns work and the animation appears below the ribbon in IE9, FF21, Chrome 26 for me,    Win7 Ult x64

"Photo Gallery", "Contact Us" and "Home" don't have dropdowns from what i can see
0
 
nsitedesignsAuthor Commented:
I have been trying to fix it so what you see now is functioning nav bar and a ribbon in place BUT now the animation is behind the scene.  When I put the animation to the forefront, I lose the drop down functionality.
0
 
nsitedesignsAuthor Commented:
anyone have any ideas?
0
 
nsitedesignsAuthor Commented:
perfection - thanks!
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.