CSS Hover Menü wird falsch überlappt

[dan_]

Hallo zusammen

Ich habe für mein aktuelles Projekt ein CSS Menü mit Hover-Effekt (gänzlich ohne Javascript) gebaut. Soweit funktioniert alles recht gut, bis auf einen kleinen Schönheitsfehler:

Wenn ein Menüpunkt ausgewählt ist (#active_menu_1) und der Mauszeiger über einen darüberliegenden Menüpunkt fährt, so überlappt der aktive Menüpunkt das Subnavi-Feld.

(Siehe URL: Mauszeiger über "Motorrad-Miete", dann überlappt "Moto-Tourenanbieter" das sich öffnende Subnavi-Feld)

Ich habe schon einiges ausprobiert(z-index setzen, Menü anders verschachteln, etc.). Entweder funktioniert dann aber der Hover-Effekt nicht mehr korrekt oder es entstehen Überlappungsprobleme mit dem Haupttext.

Hat jemand eine Idee wo das Problem liegen könnte? Bin sehr froh um Hinweise und Ideen.

Gruss

Dan

[Matze]

Hallo!

Hat jemand eine Idee wo das Problem liegen könnte? Bin sehr froh um Hinweise und Ideen.

Es wäre schön gewesen wenn du den relevanten Quellcode gepostet hättest.
Am z-index dürfte es nicht liegen, der hat nichts mit der Positionierung auf den X- und Y-Achsen zu tun.
Versuch lieber hier

#menu li {  
  background-image: url('');  
  position: relative;  
  width: 170px;  
  line-height: 20px;  
  z-index: 99;  
}

oder hier

#menu ul {  
  list-style: none;  
  /*list-style-image: url('');*/  
  margin: 0;  
  padding: 0;  
  width: 140px;  
}

die Breite zu verändern.
Oder hier

#menu ul ul {  
  position: absolute;  
  z-index: 99;  
  top: 0;  
  left: 80%;  
}

das "left: 80%";.

Ich habe jetzt keine Lust mich in dein Template einzuarbeiten.
Welcher Teil jetzt relevant ist habe ich deshalb nicht geprüft.

Grüße, Matze