wisler: css dropdown menü hervorheben

Beitrag lesen

funtioniert noch immer nicht.
jetzt hab ich schon allen elementen des drop-down menüs z-index: 1000 gegeben.
Hier mein kompletter css-code:

body {
 background-image: url(bilder/orange_r11_c1.jpg);
 background-image: url(bilder/orange_r11_c1_gezerrt.jpg);
 background-repeat: repeat-y;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 text-align: left;
}

body,td,th {
 color: #000000;
}
a.top:link {
 color: #808080;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}
a:link {
 color: #C01412;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}
a:visited {
 color: #C01412;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}
a:hover {
 color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}
a:active {
 color: #C01412;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}

#Layer1 {
 position:absolute;
 left:16px;
 top:162px;
 width:1024px;
 height:20px;
 z-index:40;
}
#Layer2 {
 position:absolute;
 left:8px;
 top:210px;
 width:150px;
 height:auto;
 z-index:41;
 color: #C01412;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
 text-align: justify;
 clip: rect(auto,auto,auto,auto);
 letter-spacing: normal;
 padding: 5px;
 margin: auto;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: none;
 border-right-style: dotted;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #E04E12;
 border-right-color: #E04E12;
 border-bottom-color: #E04E12;
 border-left-color: #E04E12;
 visibility: visible;
}
#content {
 position:absolute;
 left:185px;
 top:210px;
 width:731px;
 height:auto;
 z-index:50;
 color: #C01412;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
 text-align: justify;
 clip: rect(auto,auto,auto,auto);
 letter-spacing: normal;
 padding: 0px;
 margin: auto;
 visibility: visible;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #E04E12;
 border-right-color: #E04E12;
 border-bottom-color: #E04E12;
 border-left-color: #E04E12;
}

ul.menu, ul.menu ul {
    list-style-type: none;
     z-index:1000;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
     z-index:1000;
}

ul.menu ul a {
    padding: 0 10px;
     z-index:1000;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    float:left;
    border:0px;
     z-index:1000;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #26383D;
    border:1px solid #FFF9E4;
    display:none;
    min-width:180px;
     z-index:1000;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
     z-index:1000;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
     z-index:1000;
}

ul.menu ul li {
    float:none;
     z-index:1000;
}