Zentrierte Box

[Xen]

Guten Morgen Community,

um Websiten zu zentrieren in CSS benutze ich bisher immer diese Variante benutzt:

#center { 	  
  position:absolute;  
  height:500px;  
  width:700px;  
  margin:-250px 0px 0px -350px;  
  top: 50%;  
  left: 50%;  
  overflow: auto;  
}  

Diese Website habe ich mal auf meinem IPhone ausprobiert. Leider wird dabei oben die Website abgeschnitten und ich kann auch nur runter scrollen und nicht nach oben. Nun habe ich mal im Internet gesucht aber nichts wirklich hilfreiches gefunden. Ich habe selbst einige Sachen ausprobiert aber nicht wirklich das richtige gefunden.

Eine Lösung war hierbei

#center { 	  
  position:absolute;  
  height:620px;  
  width:980px;  
  margin:0px 0px 0px 0px;  
  top: 10%;  
  left: 10%;  
  overflow: auto;  
}  

Allerdings ist somit die Seite nicht mehr richtig mittig.

Hat hierfür jmd eine Lösung?