CSS vertical centering

<div id="vcenter">
    <div class="content">
            <div class="wrapper"> <!-- this .wrapper is only needed by IE -->
                <p>Get your piping hot fresh vertically centered content here... can be any arbitrary height, too!</p>
            </div>
    </div>
</div>

#vcenter {
    display: table; /* standards browsers only */
    height: 400px; /* whatever height you need for the containing wrapper */
    overflow: hidden;
}
#vcenter .content {
    display: table-cell;  /* standards browsers only */
    vertical-align: middle;
}

<!--[if IE]>
<style type="text/css">
#vcenter {
    position: relative;
}
#vcenter .content {
    position: absolute; 
    top: 50%;
}
#vcenter .wrapper {
    position: relative;
    top: -50%;
}
<style>
<![endif]-->

#vcenter {
    display: table; /* standards browsers only */
    height: 400px; /* whatever height you need for the containing wrapper */
    #position: relative; /* IE only */
    overflow: hidden;
}
#vcenter .content {
    #position: absolute; 
    #top: 50%;
    display: table-cell;  /* standards browsers only */
    vertical-align: middle;
}
#vcenter .wrapper {
    #position: relative;
    #top: -50%;
}

<?php

header("Content-type: text/css");

$ua=strtolower($_SERVER['HTTP_USER_AGENT']);
if ( (strstr($ua,"win")) && (strstr($ua,"msie")) && !(strstr($ua,"opera")) ){

?>
#vcenter {
    position: relative;
}
#vcenter .content {
    position: absolute; 
    top: 50%;
}
#vcenter .wrapper {
    position: relative;
    top: -50%;
}
<?php
}
?>

$output='';
$ua=strtolower($_SERVER['HTTP_USER_AGENT']);
if ( (strstr($ua,"win")) && (strstr($ua,"msie")) && !(strstr($ua,"opera")) ){

$output.="
<style type=\"text/css\">
#vcenter {
    position: relative;
}
#vcenter .content {
    position: absolute; 
    top: 50%;
}
#vcenter .wrapper {
    position: relative;
    top: -50%;
}
</style>
";

return $output;