Our drop down menus (from the navigation bar) fall behind a Flash image. How can we get the menus to appear on top of the Flash image? Visit our site at www.americanchurch.com to get a better idea of what I'm asking. The large image on the home page was originally intended to be Flash, but the drop down menus would disappear behind it. I'm a DNN newbie and have no web site experience. Trying to learn HTML and DotNetNuke. I have a print designer background.

 Hello,

Usually you would do this by adding z-index into your CSS code. However, looking at your CSS code you already have this:

.acMenuSubmenu {background-color: #f2cb80;
                    padding: 7px 0px;
                    z-index: 1000;
                    cursor: hand;
                    white-space: nowrap;
                    line-height: normal;
                    font-size: .8em;
                    text-align: left;}

.acMenuSubmenu td {padding: 4px 5px;}

Perhaps you could try adding a z-index to the flash and set it to a value of 1?

Does anyone else have any tips?

The first thing to check is that your Flash is set to windowless mode by setting WMODE to "opaque" or "transparent" - see http://kb2.adobe.com/cps/155/tn_15523.html. If you've got that set OK, then start playing with your z-indexes to get everything in the right order (and note that there is a bug in IE6 and IE7 where you have to specify a z-index for all an element's positioned parents, see e.g. http://webdemar.com/webdesign/super...ndex-bug/, so be sure to test in IE7!).

Thanks for the tip!  Worked great in IE, still having a problem with this particular issue only in Firefox (version 3.6.3).  Anyone have a work-around to share?