div 'nach oben ausklappen'

[Christoph]

Hallo!

Folgende Situation beschäftigt mich:

Ich möchte ein dynamisches Menü machen dass sich nach oben aufklappt.

Die beiden DIV-Container sehen (gekürzt) so aus:

######## DIV 1 ##########
<div>
<table>
<tr>
<td>Hauptmenüpunkt</td>
</tr>
</table>
</div>

####### DIV 2 #########
<div>
<table>
<tr>
<td>Untermenüpunkt 3</td>
</tr>
<tr>
<td>Untermenüpunkt 2</td>
</tr>
<tr>
<td>Untermenüpunkt 1</td>
</tr>
<tr>
<td>Hauptmenüpunkt</td>
</tr>
</table>
</div>

Nun sollte natürlich das 'Hauptmenüpunkt' vom DIV 2 an der gleichen Stelle sein wie DIV 1.
Ich möchte aber nicht jedesmal wenn ein neuer Untermenüpunkt dazukommt die Pixel-Angaben anpassen.

Gibt es da eine Möglichkeit?

Vielen Dank im Voraus!