Reihenfolge bei Überlappung

[Ingo Turski]

Hi,

Füge bei #nav ul li li:hover ul ein border-left: none; hinzu.

wie soll denn das helfen? Das schaltet doch auch für alle Unterpunkte den border ab.
Nein, das ist schon etwas komplizierter und ginge (jedenfalls im Firefox) z.B. so:

  
#nav ul ul ul>li:first-child {    /* nur für den ersten Untermenüpunkt */  
  border-left: 1px solid #f0f4f8; /* border in Hintergrundfarbe definieren */  
  margin-left:-1px;               /* und über den border der ul legen */  
  padding-bottom:4px;             /* sowie auf die ganze Höhe bringen */  
}  
#nav ul ul ul li:first-child+li { /* beim nächsten Listenpunkt */  
  margin-top:-4px;                /* den Abstand wieder reduzieren */  
}  

Für den IE bräuchte man zur Selektion natürlich Klassen.

freundliche Grüße
Ingo