uppo questa discussione così non ne apro 1000 per i miei problemi da principiante..

per ora va tutto bene ma mi sono scontrato con questo problema:
dovevo fare due div alti uguale, allora ho fissato una grandezza fissa ad un div contenitore così che se cambiano i contenuti cambio solo quella, e ho cercato di adattare i div contenuti alla sua altezza con un height:100%; ma ecco i due risultati su IE e su FF:

IE:


FF:

quelli che ho cercato di allineare finora sono i due div in alto e (come si vede) incredibilmente il risultato "giusto" è quello di IE, mentre FF sborda andando a coprire i div sottostanti..
ecco il codice del css:
codice:
.centrale{
width:760px;
height:auto;
border-bottom:0px;
border-top:0px;
border-left:1px solid #B9B9B9;
border-right:1px solid #B9B9B9;
padding:0px;
margin:0px;
}
#centrale1{
width:760px;
height:300px;
border-bottom:0px;
border-top:0px;
border-left:1px solid #B9B9B9;
border-right:1px solid #B9B9B9;
padding:0px;
margin:0px;
}
#centrale2{
width:760px;
height:200px;
border-bottom:0px;
border-top:0px;
border-left:1px solid #B9B9B9;
border-right:1px solid #B9B9B9;
padding:0px;
margin:0px;
}
#blocco50_sx{
margin:0px;
padding: 6px;
width:330px;
float:left;
height:100%;
}
#blocco50_dx{
margin:0px;
padding: 6px;
width:406px;
float:right;
height:100%;
}
#blocco30_sx{
margin: 0px;
padding: 6px;
width:240px;
float:left;
}
#blocco30_cn{
margin:0px 251px 0px 251px;
padding: 6px;
width:238px;
}
#blocco30_dx{
margin:0px;
padding: 6px;
width:240px;
float:right;
}
.grigio01 {
width:auto;
height:100%;
margin:0px;
border-left:1px solid #B9B9B9;
border-right:1px solid #B9B9B9;
border-bottom:1px solid #B9B9B9;
background-color:#F5F5F5;
padding:6px;
font:#333;
}
.grigio02 {
width:auto;
height:100%;
margin:0px;
border-left:1px solid #B9B9B9;
border-right:1px solid #B9B9B9;
border-bottom:1px solid #B9B9B9;
background-color:#EEE;
padding:6px;
font:#333;
}
e ecco l'html
codice:
<div id="centrale1">
	<div id="blocco50_sx">
			<h2>TESTO TESTO</h2>
			<div class="grigio01">[img]img/quad.gif[/img]testo testo...
			</div>
	</div>
	<div id="blocco50_dx">
			<h2>TESTO TESTO</h2>
			<div class="grigio02">testo testo...
	  		</div>
	</div>
</div>

<div class="centrale"><hr><hr></div>

<div id="centrale2">
	<div id="blocco30_sx">
			<h2>TESTO TESTO</h2>
			<div class="grigio02">testo testo...
			</div>
	</div>
	<div id="blocco30_dx">
			<h2>TESTO TESTO</h2>
			<div class="grigio02">testo testo...
			</div>
	</div>
	<div id="blocco30_cn">
			<h2>TESTO TESTO</h2>
			<div class="grigio02">testo testo...
			</div>
	</div>
</div>
dove sbaglio? :master: