vertical center alignment is stupidly difficult to do. It's as easy as vertical-align: middle and boom!

Um... NO!!! Not so fast... There are a bunch of methods. If I could memorize this one, I'd be a better person. #vert-center is a 1px high element, 30% from the top of the viewport, pushing #theContent down. or something.
<div id='vert-center'>
    <div id='theContent'>
        <div class='theText'>
#vert-center {
text-align: center;
position: absolute;
top: 30%; // this can change depending on content size
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block; }
#theContent {
font-family: arial,sans-serif;
background-color: transparent;
margin-left: -125px;
position: absolute;
top: -35px;
left: 50%;
width: 250px;
height: 70px;
visibility: visible; }
        </div>(--- theText)
    </div>(---theContent)
</div>(---vert-center)