I did
contemplate with two containers. The first controls the vertical positioning which I made absolute with a top: 50% then a negative margin-top to bring the actual design into line. The relatively positioned inner container then controls the horizontal centering. Here's the relevant code:
Code:
#outer_wrapper {
position: absolute;
top: 50%;
margin-top: -227px;
}
#inner_container {
position: relative;
margin: 0 auto;
}
HTH
__________________