[CSS] Seitenverhältnis beibehalten?

[Cℓoud]

Servus zusammen .. ich bastel derzeit an einen "Coming Soon" Interface.
Ich habe das Problem, das sich beim verkleinern des Browser der Hintergrund dem Browser anpasst.

Bei Vollbild sieht das ganze wie folgt aus:

Verkleiner ich den Browser passiert folgendes:

 Spoiler

Ich würde gerne wissen, was ich machen kann damit der Background die Größe beim Verkleinern des Browser wie beim Vollbild beibehält. Ähnlich wie .

Ich nutze momentan folgenden Css Code dafür:

body {
	background: #1e1e1e url('../images/background.png') no-repeat;
	-o-background-size: 100%;
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	
	background-position:top center;
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}

Edit: Habe das Problem doch noch selbst lösen können, daher sry für den unnötigen Thread. Vielleicht hilft es wem anders weiter, habe den Code wie folgt abgeändert:

body {
	background: #1e1e1e url('../images/background.png') no-repeat;
	background-position:top center;
	background-size:auto;
        font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}

[Zettabytes*]

Position:none;***
margin:0 auto;**

*** Wenn du auf Absolute gesetzt hast.
** Das Zentriert es-