Ciao, ho una classe chiamta .post con questo codice:

codice:
.post {
	width: 580px;
	margin: 15px;
	margin-left: 0px;
	margin-bottom: 25px;
	border: 1px solid #e0e0e0;
	background: #fff;
	padding: 15px;
	padding-top: 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow:10px 10px 10px #c9c9c9;
	-webkit-box-shadow:5px 2px 7px #d8d8d8;
	-moz-box-shadow:7px 0px 10px #e8e8e8;
	margin-left: 0px;
	float: left;
	font-size: 13px;
	position: relative;
	line-height: 1.5;
	
}
ora io vorrei aggiungere un div sotto a .post ma con posizione static in modo che si adatti alla lunghezza di .post che può variare il div in questione è .post-info ed ha questo codice
codice:
.post-info{
padding: 5px;
padding-bottom: 2px;
padding-top: 10px;
background: #c7d2db;
margin-left: 20px;
font-size: 12px;
color:  #444;
height: 20px;
z-index: -1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

	box-shadow:10px 10px 10px #c9c9c9;
	-webkit-box-shadow:0px -3px 15px #e8e8e8;
	-moz-box-shadow:0px -50px 10px #e8e8e8;
}
la parte html è questa:
codice:
<div class="post">
			[img]comment2-64.png[/img]
			<div class="tcomments">15</div>
			
			<h2>lorem ipusm dolor sit amet</h2>
			testo testo testo
		</div>
			<div class="post-info">15 aprile 2009 | categoria: syfs | tags: fwweftu, wdwdwf, yugfhffy, ddwdnot</div>
Ora il problema è che il risultato è questo