[greatjack]

Wie kriege ich folgendes hin:

Ich fahre mit der Maus über eine Navagationsleiste. Wenn ich den Punk 2 auf dieser Leiste berühre, dann öffnen sich die Punkte 2.0,2.1,2.2,2.3,2.4,2.5 und 2.6 (mit ul il ul li gemacht).

Der Css Code ist so:

  div#Rahmen div {
     clear: left;
  }
  ul#menu {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#menu li {
    list-style: none;
    float: left;
    min-width: 10em;
    position: relative;
    margin-left: 0em; padding: 0;
	border-radius: 10px;
	border-width: 3px;
	border-color: black;
	border-style: double;
  }
  * html ul#menu li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#menu li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
  ul#menu li ul {
    margin: 0; padding: 0;
    position: absolute;
  }
  * html ul#menu li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#menu ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#menu li ul li {
    float: none;
    display: block;
    margin-bottom: 6px;
  }

  ul#menu a, ul#menu span {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#menu a, * html ul#menu span {  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
  }
  ul#menu li:hover, ul#menu span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#menu li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

  /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#menu li>ul {
    display: none;/* top: 30px;*/
	margin-left: -3px;
  }
  ul#menu li:hover>ul, ul#menu li>a#aktuell+ul {
    display: block;
  }
  
  #position1 {
	position: absolute;
	top: 155px;
	left: -165.5px;
	}

Was muss ich daran verändern, damit die ganzen Unterpunkte geöffnet bleiben (angezeigt bleiben)?
So, wie es jetzt ist, schließen sich die Unterpunkte, sobald man mit der Maus etwas davon weg ist.

[chorn]

Musst du imho mit Javascript machen, also eine zusätzliche Klasse für jedes :hover die bei onmouseover greift, weil :hover eben nur für "mit der Maus drüber" definiert ist.