Vertical align i div/layer?

Ups, jeg ville skrive det her spørgsmål i Dreamweaver!

om det er frontpage eller dreamweaver gør nok ikke den store forskel alligevel :)

Der er vistnok ikke en super simpel måde at løse det på - alternativet er et lille hack;

<div style="display: table; height: 300px; width: 300px; background: #CCCCCC; _position: relative; overflow: hidden;">
  <div style="_position: absolute; _top: 50%; display: table-cell; vertical-align: middle;">
    <p style=" _position: relative; _top: -50%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam tincidunt, sapien sit amet semper molestie, diam justo ullamcorper tortor, at aliquam neque est eget lacus.</p>
  </div>
</div>

Jeg har prøvet;

<div class="tekst" id="Maintekst" style="position: absolute; _top: 50%; display: table-cell; vertical-align: bottom; left: 75px; top: 515px; width: 535px; height: 165px; z-index: 5; line-height: 14px"><p style="_position: relative; _top: -50%">Lorem ipsum dolor sit amet</p></div>

Men det ser ikke ud til at virke. Har jeg gjort noget forkert?

Indtil videre har jeg lavet en enkel tabel celle ind i min div/layer og sat valign=bottom i den... Men det er ikke særlig praktisk.

du kan ikke springe nogle af punkterne over - du mangler i hvert fald den yderste div.

kommet videre?