* {
  margin:0;
  padding:0;
  }

html, body {
  height:100%;
  }

body {
  background-color:#fff;
  color:#630;
  font:100.01%/1.4 sans-serif;
  text-align:center; /* horizontal centering for IE Win quirks */
  }

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

#container {
  margin:0 auto;
  position:relative; /* puts container in front of distance */
  text-align:left;
  height:515px;
  width:492px;
  clear:left;
  background-color:#fff;
  border:1px solid #fff;
  border-top-color:#fff;
  border-left-color:#fff;
  }