Drop Down Menu Covered up by Animated Slideshow

[Fishing-Rod]

I'm a newbie to Dreaweaver, but I'm building my personal web page and I can't figure out why my dropdown menu (under Portfolio tab) is being covered up by the animated slideshow. I've tried using the (z-index) and that didn't work, I've also replaced the animated slideshow with a static jpeg and everything works fine. This site is a work in progress, but I want to get this figured out before I build the rest of the portfolio pages

Here's the link the test page:

http://www.rodrice.net/index_demo3.html

Here's a link to the same page without the animated slideshow

http://www.rodrice.net/index_demo3_navbar.html

Any help or tips would be appreciated.

Thanks, Rod Rice

[Nancy OShea · Accepted solution]

Try this:

ul#css3menu{
    margin:0 0 0 65px;
    list-style:none;
    background:#000 url('menubk.png') repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:4px 4px 4px #999;
    -webkit-box-shadow:4px 4px 4px #999;
    box-shadow:4px 4px 4px #999;
    z-index: 1;
    }

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb

[Fishing-Rod]

Thanks!!!!!