html, body{
  height:100%;
  margin:0;
  padding:0;
  background-color: #232323;
}

#center {
  padding:0;      
  width:600px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:503px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-204px 0 0 -300px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height:503x;             /* das selbe Maß wie oben bei min-height */
}