* {
    margin:0;
    padding:0;
}

html, body {
    height:100%;
}

body {
    background-color:#fff;
    text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
    width:1px;
    height:50%;
    background-color:#fff;
    margin-bottom:-316px; /* half of container's height */
    float:left;
} 

#container {
    margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:center;
    height:631px;
    width:1000px;
    clear:left;
}