Espace entre deux div (et oui encore mais..)- [Resolu]

Bonjour,
N'ayant pas trouve la solution a mon probleme en utilisant la recherche, je vous l'expose:

j'ai deux div l'une au dessus de l'autre mais un espace blanc se trouve entre les deux sauf si je mais une bordure a la div superieure (.container_general) . je ne vois pas la raison a ce comportement.
avex vous une idee?

<div class="container_general">
			<div class="top">
			</div>
			
			<div class="middle">
							
<!-- Main Center -->


								<div class="text_box">
<!-- Overview Start -->
fgdfsgsdfgsfd

<!-- Overview End -->
								
							
<!-- End Main Center -->
							
<!-- Footer -->
		</div>
		
</div></div>
<div id="bottom">
<div class="StripFooter">
&nbsp;
</div>
<div class="footer">
eee
</div>
</div>

et le css:

body {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin: 0 auto;
	background: url(../images/bg.jpg) repeat-x top center;
	background-color: #fff;
}
.container_general{
	width: 778px;
	min-height: 200px; 
height: auto !important; /* For Saf/Fx */ 
height: 200px; /* IE6 expands this if needed */
margin: 0 auto;
border: 0px solid transparent;
}
.top{
	background: url(../images/strip.jpg) no-repeat top left;
	border-left: 5px solid #3f447b;
	border-right: 5px solid #3f447b;
	border-top: 5px solid #3f447b;
	margin-top: 40px;
	height: 160px;
}
.middle{
	background-color: #fff;
	border-left: 6px solid #3f447b;
	border-right: 5px solid #3f447b;
}
#bottom{
	position: relative;
	margin: 0;
}
.StripFooter{
	background: url(../images/footerStrip.jpg) repeat-x top center;
	background-color: #fff;
	height: 88px;
	position: absolute;
	width: 100%;
}
.footer{
	background: url(../images/footer.jpg) repeat-x top center;
	background-color: #fff;
	height: 88px;
	width: 778px;
	margin: 0 auto;
	position: relative;
	top: 0;
	z-index: 10;
	border: 0px solid;
}

.text_box {
	border: 0px solid red;
	font-family: Tahoma,Helvetica,verdana;
	margin-left: 5px;
	text-align: justify;
}

Modifié par a_prods (26 Apr 2009 - 13:20)

Bonjour,

http://www.alsacreations.com/article/lire/629-fusion-des-marges.html

Bonne lecture.

Merci
en rajoutant "padding-top: 1px;" au div"container_general" - ca marche