layer übereinander ohne absolute positionierung

[Daniel W.]

Hallo,

hab leider noch keine Läsung gefunden als ich versuch mal zu erklären was ich vorhabe:

meine Navigation besteht aus 3 Oberpunkten (A,B,C) die haben je 3 Unterpunkte (A1,A2,A3 und B1,B2,B3 usw.). Nun sollen immer die "passenden" Unterpunkte eingeblendet werden, wenn ich über A,B oder C mit der maus fahre und die anderen sollen ausgeblendet werden. Ich kann und will die divs nicht absolut positionieren wegen browser kompatibilität und weil meine navi zentriert ist.

html-teil:

<div id="Navi">
  <div id="n1">A | B |C </div>
  <div id="n2A">A1 | A2 | A3</div>
  <div id="n2B">B1 | B2 | B3</div>
  <div id="n2C">C1 | C2 | C3</div>
</div>

Die n2 divs sollen die Unterpunkte darstellen : ) habe die alle auf visiblity:hidden gestellt. Und die werden dann per java script ein bzw. ausgeblendet. mein problem is einfach, dass die divs untereinander dargestellt werden sollen aber übereinander liegen. Wie krieg ich das hin???

Achso noch ne frage... wenn ich n' div nich absolut positioniere is es dann irgendwie möglich auch so was wie ein z-index zu definieren ??

wäre für hilfe echt dankbar : )

mfg

Daniel