CSS: How to vertically center content on a page

Do you have a  page where you want to simply center it both vertically and horizontally? Looking for a pure CSS solution?

<style type=”text/css”>
html, body   {   height: 100%; margin: 0; padding: 0; text-align: center; }
div#centered { border: 0; height: 50%; width: 50%;position: absolute; left: 25%; top: 25%; }
</style>

For an example visit: http://agentmango.com

In this case, my client wanted it a bit higher than center. Easily done.