Vertikale Zentrierung des Inhalts eines DIV's

[menphrad]

Hi,

Ich habe eine kleine Herausforderung (aka. "Problem" *g*)

Und zwar möchte ich in einer Seite, die nur mit XHTML, CSS & DIV arbeitet, also ohne TABLE, den Inhalt vertikal zentriert darstellen.

Ich kenne diese Methode:

<style type="text/css">
 #inhalt {
  height: 100px;
  width: 300px;
  position: absolute;
  background: #000000;
 }
 #inner {
  height: 50px;
  width: 200px;
  margin-top: -25px;
  margin-left: -100px;
  top: 50%;
  left: 50%;
  position: absolute;
  background: #00FF00;
 }
</style>
...
<div id="inhalt">
 <div id="inner">
 Text
 </div>
</div>

Da aber der Inhalt des DIV "#inner" dynamisch erstellt wird und das DIV daher unterschiedliche Höhen haben kann, ist es nicht möglich, eine fixe Höhe anzugeben. Margin-Angaben in Prozent funktionieren nicht, so weit ich es probiert habe.
Wie kann ich nun doch eine vertikale Zentrierung realisieren?

Herzlichen Dank!

Greetingz,

Manfred