DIV im Body zentrieren

[mikethet]

Hallo,

habe den Body im Viewport(HTML) zentriert.

Darin, will ich ein DIV mit fix vorgegebener Breite und Höhe zentrieren.

Verwende dazu margin: auto;

Hier der Code:

  
html, body {padding: 0; margin: 0; height: 100%; width: 100%;}  
			  
			html {background-color: white;}		  
				  
			body {margin: 0 auto;  
				  min-width: 800px;  
				  max-width: 1000px;  
				  background-color: lightgrey;  
				  border: 2px groove black;  
				  -webkit-box-sizing: border-box;  
				  -moz-box-sizing: border-box;  
				  box-sizing: border-box;}  
			  
			  
			#clickarea {height: 400px;  
						 width: 400px;  
						 background-color:lightblue;  
						 margin: auto;  
						 }  

Da ich eine fixe Höhe und Breite habe, sollte er doch mit margin: auto das DIV ohne Probleme zentrieren. Tut er aber nicht. Wo liegt mein Denkfehler?

LG Mike