Html5 position relative

Bonjour, J'ai commencé a créer mon site en html5 et j'ai très vite remarqué un problème.
Je suis vraiment nul en language informatique et autre.
Toute mes div sont en position relative car j'ai besoin de la position auto pour centré.
Plus j'ajoute plus sa m'agrandir la hauteur de mon site et je me trouve avec une barre blanche en bas.
Il y a une solution autre que de tout mettre en absolue ?
Merci de votre aide.

Code html:

		<div id="header">
			<div id="logo">
				<img src="header/img/logom.png"></img>
			</div>
			<div id="fondmilieu">
				<img src="img/fondmilieu.png"></img>
			</div>
			<div id="menu">
				   <img src="menu/diamants.png"></img><!--
				--><a href="https://diamant.keuf.net/login"><img src="menu/forum.png" onmouseover="javascript:this.src='menu/forumsur.png'" onmouseout="javascript:this.src='menu/forum.png'"></a><a href="chat.html"><img src="menu/chat.png" onmouseover="javascript:this.src='menu/chatsur.png'" onmouseout="javascript:this.src='menu/chat.png'"></a><a href="actu.html"><img src="menu/actu.png" onmouseover="javascript:this.src='menu/actusur.png'" onmouseout="javascript:this.src='menu/actu.png'"></a><a id="search"><img src="menu/search.png" onmouseover="javascript:this.src='menu/searchsur.png'" onmouseout="javascript:this.src='menu/search.png'"></a>
				<div id="google" style="display: block;">
					<FORM method=GET action="https://www.google.fr/webhp?gws_rd=ssl">
						<TABLE bgcolor="transparent">
							<INPUT TYPE=text name=q size=31 maxlength=255 value="">
							<INPUT TYPE=hidden value=fr>
							<INPUT type=submit VALUE="Recherche">
						</TABLE>
					</FORM>
				</div>
				<script src="recherche.js"></script>
			</div>
			
		</div>
		
	</body>
</html>

Code css:

*{margin:0; padding:0;}
        body {
	background: url(img/fond2.png) no-repeat;
        height: 1020px;
	}
        #header {
        position: relative;
        height: 1020px;
        }
        #logo {
        position: relative;
	width: 796px;
        height: 140px;
        margin-left: auto;
        margin-right: auto;
        z-index: 80;
	}
	#fondmilieu {
        position: relative;
        z-index: 100;
	width: 814px;
        height: 880px;
	margin-left: auto;
        margin-right: auto;
        top: -13px;
	}
        #menu {
        position: relative;
        z-index: 200;
        width: 418px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        top: -100px;
        }
	#google {
	position: relative;
	margin-left: 7.5%;
	}