Link soll im div vertical zentriert sein

[Andy Nail]

Hallo zusammen,

in einem div wird ein Lin erstellt und soll vertikal zentriert werden, doch will ich das nicht hinbekommen:

#TestArea {
  z-Index: 1; display: table-cell; text-align: center;
  position: absolute; valign: middle; padding-top: 50%;
  height: 100%; width: 466px; left:0; top:0;
  background-color: #fff; visibility: hidden;
}

<div id="TestArea">
<div style="position:absolute; right:20px; top:20px"><a href="#" onclick="javascript:document.getElementById('TestArea').style.visibility ='hidden'; top.document.getElementById('LinkDaten').style.display = 'none'; document.LinkDaten.Beenden.onclick = null; document.LinkDaten.Speichern.onclick = null">Schließen</a></div>
<a id="TestLink" target="_blank"></a>
</div>

Und damals waren das ein div im div und eine genaue Größenangabe, womit das funktioniert hatte. Doch sobald ich auch hier die 100% eintrug verschwand auch hier die Fähigkeit es zentrieren zu können. Also wie zentriere ich bitte den Link jetzt vertikal? Auch ohne javascript Rechnerrei mit einer margin Eigenschaft von -??? dann zu setzen?

Danke für Eure Hilfe und Verschläge.

Gruß Andreas