Spero di aver sintetizzato bene nel titolo ...


sto eliminando le tabelle sostituendole con i div ... va abbastanza bene ... con IE funziona tutto.
I problemi li ho con Firefox. Il problema che ho è questo:

ho una pagina che contiene molti dati (estratti da un database).
I dati li ho messi in una tabella.
La tabella è nel div.

IE mi fa vedere tutta la tabella fino in fondo

Firefox me la taglia circa a metà (ma la pagina la fa vedere più lunga ... come contenesse tutta la tabella) ... cioè la pagina la fa lunga quanto dovrebbe ma il div non segue la tabella.



Lo so ... lo so che tutti dicono che Firefox è migliore ... voglio crederci ... ma allora spiegatemi cosa gli prende!!! Dove sbaglio?


Vi posto il segmento del CSS che contiene gli elementi in questione

codice:

html,body{margin:0; padding: 0;height: 100%}


body {
	position: relative; 
	background-color: #000066;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #000066;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-3dlight-color: #000066;
	scrollbar-darkshadow-color: #000066;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000066;
	font-family: Verdana;
	font-size: 10px;
	font-color: #000066;
	margin: 0 0 0 0;
}

body>div#contienetutto{height: auto; min-height: 100%}

/*struttura pagina*/


div#contienetutto{position: relative; height:100%;clear: both;width:100%;margin:0 0 0 0;padding:1em 0 1em 0;background-color: #fff}
div#sinistra{float:left;text-valign: top;width: 18%;background-color:#fff; margin:0 0 0 0;}
div#centro{float:left;width:61.8%;margin:0 0 0 0;padding:0 10px 0 10px;background-color: #fff;border-right-width: 1px;border-right-style: dashed;border-right-color: #000066;border-left-width: 1px;border-left-style: dashed;border-left-color: #000066;}
div#strumento{clear: both;margin: 1em 1em 1em 1em;width: 100%;height: 100%;}
div#destra{float:left;text-valign: top;width: 18%;background-color:#fff; margin:0 0 0 0;}
div#piede{position:relative;width: 100%;margin:1em 0 1em 0;padding: 0 0 0 0;background-color: #FFf;color: #000066;text-align:center}
e i div sono 'incastonati così:

codice:
<html>
<body>

<div id="contienetutto">

	<div id="sinistra">
	      <div id="menusx"></div>
	</div>
	
	<div id="centro">
	      <div id="strumento">QUI LA TABELLA INCRIMINATA</div>
	</div>

	<div id="destra">
	      <div id="menudx"></div>
	</div>

</div>

<div id="piede"></div>


</body>
</html>
Engi