Javascript dropdown menu on top of image rotator

Question

The constructor is here, trying to code.

I'm almost here! Trying to get a dropdown menu from a dynamic disk to work with jQuery image rotator. It is played with a z-index. I can make the menu work on image rotation in all browsers, except for IE compatibility mode, not to click on buttons in the rotator.

http://local495.bigrigmedia.com/

Any help would be greatly appreciated!

Answer 1

It's always much easier to get everything you need right in Photoshop, huh? You can fix the overlap issue with two minor CSS changes:

styles.css

#top {
    position: relative;
    z-index: 2;
    height: 155px;

}

ddsmoothmenu.css

.ddsmoothmenu{
    position: relative;
    z-index: 2;
    /* remaining css */
}

homerotation.css

div#feature_list {
    position: relative;
    z-index: 1;
    /* remaining css */
}

, z-index: -100, CSS. . 2 .

2 , , ( IE).

IE z-index , , , , . IE , , . (.. ), .

Edit

z- #top, <div>, <div id="feature_list">.