PB div en position relative

Bonjour
J'ai un problème de mise en page sur le site que je suis en train de réaliser. J'utilise des div en position relative pour faire la mise en page du site, le problème est que en bas de page j'ai une bande blanche et je ne sais pas du tout d'où ca peut venir.
Je voudrais supprimer cette bande qui n'a pas lieu d'être ici.

Voici un aperçu de ce qui m'arrive:


et le code que j'utilise :
EN CSS

#footer{
	background-color:#000;
	width:1024px;
	height:160px;
	position:relative;
	top:20px;
	left:0px;
	margin:0px;
	padding:0px;
}

#realisation{
	background-image:url(image/basPage/realisation.png);
	background-color:#49699c;
	width:225px;
	height:160px;
	position:relative;
	top:0px;
	left:44px;
}

#diaporama{
	background-color:#33CC99;
	width:180px;
	height:120px;
	position:relative;
	top:33px;
	left:22px;
}

#news{
	background-image:url(image/basPage/news.png);
	width:225px;
	height:160px;
	position:relative;
	top:-160px;
	left:281px;
}

et en HTML

<div id="footer">
	<div id="realisation"><img src="" name="diapo" width="180px" height="120px" id="diaporama">	</div>	
	<div id="news"></div>
		
</div>

Modifié par luluce25 (27 Feb 2009 - 11:28)

Hello luluce25 ,

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.