Zweizeilige dynamische Navi

[Jörg]

Hallo,

ich möchte eine Navigation die bei Bedarf eine zweite Zeile einblendet.
Das per Mouseover und rein CSS ohne JavaScript oder ähnliches.
Gelöst habe ich das so:

<!-- Erste Menuezeile -->
 <a href="#" onmouseover="philosophie.style.display='inline';standorte.style.display='none';">Philosophie</a>
 <a href="#" onmouseover="philosophie.style.display='none';standorte.style.display='inline';">Standorte</a>

<!-- Zweite Menuezeile -->
    <br>
    <span id="philosophie" style="display:none">
      <a href="#">Unternehmen</a>
      <a href="#">Leitung</a>
    </span>
    <span id="standorte" style="display:none">
      <a href="#">Eins</a>
      <a href="#">Zwei</a>
      <a href="#">Drei;</a>
    </span>

Funktioniert, ist aber nicht so schön, wenn das Menü mehr Punkte bekommt... :(
Hat jemand eine andere Lösung für micht?
Ein Problem ist auch, das dieses Menü am unteren Rand eines Frames hängt und damit ein DropDown nicht läuft, weil es ja nicht in den unteren Frame hineinreichen kann.

Danke.