Anika: Navi-Leiste verschwindet in iFrame

Beitrag lesen

Hier der CSS-Code:

#menu {
 display: block;
 width: 722px;
 z-index: 2;
    margin-left: 8px;
 margin-top: 40px;
 position: absolute;
}
#menu ul {
 margin: 0;
 padding: 0;
 border: 0;
 list-style-type: none;
}
#menu li {
 margin: 0 0 0 0;
 padding: 0;
 border: 0;
 display: block;
 float: left;
 position: relative;
}
#menu a {
 display: block;
}
* html #menu li a {
 position: relative;
}
#menu li ul {
 visibility: hidden;
 position: absolute;
 z-index: 1;
}
html>body #menu li ul {
 display: none;
}

#menu li li {
 width: 100%;
}

/* fixiert die Ausrichtung */
#menu li li ul {
 top: 0;
 left: 100%;
}

/* simulierter child-selector f?r I.E. */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
 visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
 visibility: hidden;
}

/* nicht f?r I.E. */
#menu ul#menuList li:hover>ul {
 display: block;
 visibility: visible;
}

/*  ------   Aussehen --------   */

#menu {
 font-family: Verdana;
 font-size: 10px;
 color: #ffffff;
 background-color: #666666;
 border: none;
 height: 20px;
 line-height: 20px;
}
/*Mouse-Over-Hintergrund*/
#menu li:hover {
 background-color: #ffffff;
 color: #666666;
}
/*Schrift Men?leiste*/
#menu a {
 text-decoration: none;
 text-align: center;
 color: #ffffff;
 padding: 0px 10px;
 background-color: #666666;
}
#menu a:hover {
 text-decoration: none;
 text-align: left;
 background-color: #ffffff;
 color: #666666;
 padding: 0px 10px;
}

#menu li:hover>a, #menu a:hover {
 color: #666666;
    background-color: #ffffff;
}

#menu li ul {
 text-align: left;
 background-color: #FFFFFF;
 color: #666666;
 border: none;
 width: 145px;
 height: 140px;
 line-height: 20px;
 padding: 5px 0px;
 filter:alpha(opacity=85);
 background-position: 135px;
 -moz-opacity:0.85;
}

#menu li ul a {
 text-align: left;
 color: #333333;
 background-color: #FFFFFF;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
}

#menu li ul a:hover{
 text-align: left;
 color: #ffffff;
 background-color: #666666;
 filter:alpha(opacity=100);
 -moz-opacity:1;
}