Ciao, ho dei div annidati in questo modo:

codice:
<div id="contents" >
		<div id="main"	class="center">
			<div id="flowers"></div>
			<div id="maincontent">
				<jdoc:include type="component" />
			</div>
			<div id="footer">
				<jdoc:include type="modules" name="footer" />
			</div>
		</div>
		
	</div>
Dove però il div "contents" non riesce a contenere per qualche ragione il footer. Il resto viene contenuto normalmente. Riporto il css inerente:

codice:
#footer{
	background: #99CC99 ;
	height:120px;;	
	text-align: center;
	display: block;
	clear: none;
	border-top: 3px ridge green;
	margin-left:100px;
	margin-right: 100px;
	position: relative;
}
#contents{
	background: url(../images/bg.png) ;
	height:100%;
}
#main{
	
	width:800px;
	height:100%;
	margin-top:20px;
	margin-bottom:0px;
	position: relative;
	z-index:1;
}


#maincontent{
	height:auto;
	width:auto;
	background: #99CC99;
	margin-left:100px;
	margin-right:100px;
	position: relative;
	z-index:0;
}
#flowers{
	background: url(../images/flowers2.png) top no-repeat;
	height:145px;
	width: 620;
	overflow:visible;
	z-index:3;
}
Sto provando qualsiasi cosa ma mi sfugge qualcosa.
Purtroppo il sito è in locale, vi allego uno screen di quello che sto ottenendo cosi.