Ultimate Fade-in slideshow (v2.1) Open Cube drop down menu Firefox incompatibility

[mws-jennifer]

1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: OpenCube drop down menu disappears behind the slideshow in Firefox. Have adjusted z-indexes on both slideshow (1 or 1000) and opencube menu (999 or 99999) without any luck. Looks GREAT in IE 7.0 +

My site: http://64.7.183.230/Default.asp (view in FF)

[jscheuer1]

Place this:


#navigation {
position: relative;
z-index: 10000!important;
}

Here:


@import url(/main.css);

#navigation {
position: relative;
z-index: 10000!important;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1001;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Sty . . .

It could actually go at the beginning of your main.css file, and that would be preferable, except that you have a BOM at the beginning of that file, which should be removed:


@charset "utf-8";

/*
wheelingil
jul 2009
coded by dimos zarkadas
*/

a {
text-decora . . .

If you get rid of that, you could do it like so:


@charset "utf-8";

/*
wheelingil
jul 2009
coded by dimos zarkadas
*/

#navigation {
position: relative;
z-index: 10000!important;
}

a {
text-decora . . .

A BOM is a byte order mark that is inserted by some editors when saving as UTF-8. It is not required and can cause problems. Here it is preventing Firefox and some others from using at least some of the styles in the main.css file.

[mws-jennifer]

Thanks so much!! This worked out beautifully!