Il div con FF non si adatta al contenuto

[Zippo]

Lo so, è un argomento discusso già centinaia di volte ma con le soluzioni trovate e provate non ho risolto. Con IE la pagina viene visualizzata correttamente, mentre con FF il div "testo" non si adatta alla lunghezza dei div contenuti.
La pagina in questione è questa
e il css è il seguente:

*{
	padding:0;
	margin:0;
}
body{
	background: #eef7f9 url(img/sfondo.jpg) repeat-x ;
	text-align:center;
}
#header{
	background:url(img/header.jpg) center no-repeat;
	width:750px;
	height:249px;
	text-align:left;
	margin:20px auto 0 auto;
}
#menu{
	position:absolute;
	background: url(img/menu_up.gif) repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	height:30px;
	width:468px;
	margin:181px 0px 0px 197px;
	padding:0;
}
#navlist ul, #navlist li{
	display:inline;
	list-style-type: none;
}
#navlist a{
	float:left;
	margin:0;
	font:12px "Verdana", "Arial", "Helvetica";
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	height:30px;
	width:117px;
	line-height:28px;
	
}
#navlist a:hover{
	background: url(img/menu_down.gif) repeat-x;
}
#main{
	position:relative;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/sfondo_main.gif) center repeat-y;
	margin:0 auto;
	width:750px;
	height:auto;
	clear:left;
}
#testo{
	position:relative;
	margin:0 auto;
	text-align:justify;
	line-height:20px;
	color:#403c2e;
	width:500px;
	height:auto;
	clear:both;
}
#footer{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#726d5d;
	background:url(img/footer.gif) top center no-repeat;
	height:66px;
	width:750px;
	margin:0 auto 20px auto;
	clear:both;
}
#logo_moderati{
	position:absolute;
	left:50%;
	margin: 19px 0 0 80px;
	/*z-index:2;*/
	width:80px;
	height:80px;
}
#logo_democ{
	position:absolute;
	left:50%;
	margin: 19px 0 0 195px;
	/*z-index:3;*/
	width:80px;
	height:80px;
}
#logo_socia{
	position:absolute;
	left:50%;
	margin: 92px 0 0 138px;
	/*z-index:4;*/
	width:80;
	height:80;
}
#form1{
	width:150px;
	height:60px;
}
#nomi{
	float:left;
	width:150px;
}
#nomi ul, #nomi li{
	border-bottom:1px #C5BDA0 dotted;
	/*padding-left:3px;*/
	line-height:24px;
	list-style-type:none;
	/*background-color:#F3F1EB;*/
	height:25px;
}
#info_nomi{
	/*float:right;*/
	float:left;
	width:350px;
	text-align:right;
}
#info_nomi ul, #info_nomi li{
	border-bottom:1px #C5BDA0 dotted;
	line-height:24px;
	list-style-type:none;
	height:25px;
}
.pulisci{
	width:500px;
	height:10px;
	clear:left;
}

Come potete vedere ho già provato a mettere il div vuoto con clear:left

[crinzy]

è un po' laborioso andare a vedere il codice sorgente della pagina e "spulciare" nel css le parti che ci interessano, forse se postassi un css privo dei contenuti obsoleti al tuo problema, ed anche la parte di codice html in questione, sarebbe più veloce risponderti :master: