ciao, nel mio layout (diviso in 4 colonne) ho impostato le altezze dei singoli div e del contenitore madre a: height:100%; perchè vorrei che i div si adattino al browser. Il problema è in FF che non adatta i div al browser mentre su IE funziona...
Sapete aiutarmi?

Qui il codice:

codice:
CSS:

body {
margin:0;
padding:0;
height:100%; 
text-align: center;
} 


#contenitore{
z-index:1;
width: 1010px;   
text-align: center; 
height: 100%;
margin: auto;
} 


#colonnaa { 
float: left;
left:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnab { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%; 
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnac { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnad { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
}
codice:
HTML:

<body>

<div id="contenitore">
<div id="colonnaa"></div> 
<div id="colonnab"></div> 
<div id="colonnac"></div> 
<div id="colonnad"></div> 
</div> 


</body>
Grazie