[BonBoni]

Hallo Leute,

ich hab ein kleines Problem mit meinem Untermenü.
Es taucht erst auf wenn man über den Hauptmenüpunkt gleitet.
Aber wenn das Untermenü dann auftaucht dann überdeckt es nicht den Text der neben dem Menü steht sondern ist auf der selben Ebene, sodass der Text auf dem Untermenü bleibt.

Hier seht ihr was ich meine:




Wie löse ich das Problem ? Ich habs schon mit z-index versucht aber das hat auch nichts gebracht.

Das Menü ist komplett mit css gemacht worden:

#menu {
width: 170px;
margin-left: 10px;
margin-top: 30px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003;
display: block;
margin: 0;
padding: 2px 3px;
text-decoration:none;
}

#menu ul li ul li a {
padding-left: 15px;
}

#menu ul li ul li a:hover {
width: 170px;
height: 44px;
color: #FFF;
background: url(../images/hover_main.png) no-repeat;


}

a#active {
width: 170px;
height: 44px;
color: #FFF;
font-size: 14px;
background: url(../images/hover_main.png) no-repeat;
padding-top: 10px;

}



#menu ul li ul li ul li a {
width: auto;
height: auto;
color: #003;
background: url(../images/a.png);
z-index: 100;
}

#menu ul li ul li ul li a:hover {
width: auto;
height: auto;
color: #003;
text-decoration: underline;
background: url(../images/a.png);
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


Freundliche Grüße

BonBoni

[Sp4wNi]

bitte den code tag verweden
hast du nen link, wäre besser wenn ich die ganze seite sehen könnte

[pixelpapst303]

mal so vermutend ins blaue....:

http://www.w3schools.com/Css/pr_pos_z-index.asp

[BonBoni]

@pixelpapst : du bist der größte.
mit position : relative wurde das z-index erst berücksichtigt.

Dankeschön