Lösung gesucht! Höhe eines CSS-Menü

[absyss]

hallo,

WORUM GEHTS:
wie kann ich die Höhe eines CSS-Menüs ermitteln (geschachtelte Divs)

WAS IST DAS PROBLEM:
alle Submenüpunkte sind über "display:none" ausgeblendet und werden selbst nach einblendung (display:block) im Javascript ignoriert.

WIE SIEHTS AUS:

[MENU-CONTAINER]
  + [Main 1]
    + [Sub 1]
    + [Sub 2]
    + ...
  + [Main 2]
    ...
  + [Main 3]
    ...

es mag vielleicht trivial klingen, mit Javascript die Höhe des Menü-Containers auszuleden, aber mit "display:none" wird die Höhe immer gleich ausgegeben (ca. 200px) selbst wenn alle Unterpunkte ausgeklappt sind, bleibt die Höhe gleich.

Das ganze muss Crossbrowser kompatibel sein.
HAT JEMAND EINE IDEE?

bin echt am verzweifeln hier...

lg,
Martin