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...