Ho questo 5 divisori nel mio style:

codice:
body{
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/sfondopagina.jpg)  #ffff33  center repeat-y ;
	background-position: top  ;
	height:auto;	
        margin:0 auto;
	position:relative;
}

#main{
 width:990px; 
height:auto; 
background: url(images/sfondo.png) center repeat-y;
 margin:0 auto; } 

 .homesx{ 
width:500px;
 padding-top:45px; 
margin-left:30px; 
height:auto; 
font-size: 140%; 
text-align: justify; 
float:left;
 position: absolute; }

 .homedx{
 width:407px; 
height:597px;
 background:url(images/bacheca.png) no-repeat;
 padding-top:20px; 
margin-left:550px; 
font-size: 140%; 
text-align: justify; }

.news{
	width:300px;
	height:350px;
	margin-top:107px;
	padding-left:50px;
	padding-right: 50px;
	padding-bottom:30px;
	text-align: justify;	
	font-size:75%;
}
posti in questo modo :
codice:
<div class="body">
 <div class="main">

<div class="homesx"></div>

<div class="homedx">
<div class="news"></div>
</div>

</div>
</div>
Il problema è che se ciò che scrivo nel divisorio di sinistra (homesx) è più lungo del divisorio di destra (homedx), il div del main non si allunga ma rimane fisso e le scritte vanno a finire fuori!
Come mai?? Grazie!