nick: CSS-Menü funktioniert nicht

Beitrag lesen

Danke euch erstmal...

Also, jetzt hätte ich folgendes (funktionierendes):

  
 <ul class="nav">  
  <li class="sup">Ueberschrift1<br>  
  <ul class="nav2">  
   <li class="sub"><a href="index.php">Unterschrift1.1</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.2</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.3</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.4 </a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.5</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.6</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.7</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.8</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.9</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.10</a></li>  
   <li class="sub"><a href="index.php">Unterschrift1.11</a></li>  
  </ul>  
  </li>  
 </ul>  
 <ul class="nav">  
  <li class="sup">Ueberschrift2<br>  
  <ul class="nav2">  
   <li class="sub"><a href="index.php">Unterschrift2.1</a></li>  
   <li class="sub"><a href="index.php">Unterschrift2.2</a></li>  
   <li class="sub"><a href="index.php">Unterschrift2.3</a></li>  
   <li class="sub"><a href="index.php">Unterschrift2.4</a></li>  
  </ul>  
  </li>  
 </ul>  
  

  
li{  
 list-style:none;  
}  
  
/* float:left = Punkte nebeneinenader anordbar */  
ul.nav{  
 float:left;  
 margin-top:-1px;  
 display:inline;  
}  
  
.sub{  
  
}  
.sup{  
 border:1px solid #000;  
 font-weight:bold;  
}  
  
/* Absolutes Positionieren = Stört die anderen Elemente auf der Seite nicht, sondern legt sich über sie */  
.nav2{  
 position:absolute;  
}  
  
/* Das verhindert, dass sich das Submenü beim hovern der nicht sichtbaren Punkte öffnet */  
.nav2:hover{  
 display:block;  
}  
  
/* Das lässt die Punkte Standardmäßig geschlossen */  
.nav2 li.sub{  
 display:none;  
}  
  
/* Öffnen der Unterpunkte beim hovern des Sup-Points */  
.sup:hover li.sub{  
 display:inline;  
}  

Im Opera 8 sieht es so aus wie ich es eigentlich gerne haben würde - doch im Mozilla liegen die Punkte nebeneinenader. Dabei sehe ich dazu keinen Grund...