老生常谈，使用div布局的困惑：怎么使div中的内容垂直居中

老生常谈，使用div布局的困惑：如何使div中的内容垂直居中？
使用table布局，垂直居中很容易实现，但使用div布局，垂直居中将变得比较困难，没有发现比较完美的解决方案？
大家有比较完美的解决方案吗？

比如：<div id="MainPage" style="height:100%;width:100%;text-align:center"><div id="subPage">具体内容未知，高度和宽度不固定，因内容而变</div></div>，如何使里面的div垂直居中？
[解决办法]

div#wrap {   
    display:table;   
    border:1px solid #FF0099;   
    background-color:#FFCCFF;   
    width:760px;   
    height:400px;   
    _position:relative;   
    overflow:hidden;   
}   
div#subwrap {   
    vertical-align:middle;   
    display:table-cell;   
    _position:absolute;   
    _top:50%;   
}   
div#content {   
    _position:relative;   
    _top:-50%;   
}