[HTML] Layout Tableless e tabelle larghe

[tomminno]

Ho un problema con il layout tableless e tabelle larghe. Non riesco a trovare il modo di fare espandere i div liberamente in base al contenuto senza rovinare il layout. In rete non riesco a trovare niente a riguardo.

Il layout adottato è quello classico a 2 colonne con header e footer totalmente float:

<div id="page">
   <div id="header"><!-- width:99%;-->
   </div>
   <div id="content"><!-- clear:both;float:left;width:100%;-->
     <div id="menu"></div><!--float:left;width=13%;-->
     <div id="right"></div><!--float:right;width=86%; -->
   </div>
   <div id="footer"></div><!--clear:both; -->
</div>

nel div con id=right ci stanno per lo più tabelle dati, se non metto float:right mi finisce sotto il menu sia con FF che con IE, se non specifico width FF lo posiziona sotto il menu. Con questo stile ottengo una visualizzazione uniforme tra i 2 browser.

Il problema è una maledetta pagina con una tabella che potrebbe arrivare tranquillamente a oltre 2000px dato che ci possono essere nelle celle lunghe stringhe senza spazi. Con entambi i browser finisce sotto il menu, l'unico modo che ho trovato è impostare la proprietà width del div id=page, ma in questo modo FF chiaramente rende la pagina più grande sempre e comunque, mentre IE l'adatta solo se serve.