Problema rendering tabella in un div con scroll con FF3

[SigiTM]

Ciao,
con FF3 ho riscontrato un problema che con gli altri browser non mi capitava.
Ho una tabella molto larga, e vorrei incastrarla, all'interno di un sito con margini ben stabiliti (nell'esempio che vi allego, 600px), in un div che occupa al 100% questi margini e, se la tabella risulta più larga, aggiunge sotto uno scroll orizzontale in modo che non deformi tutto il sito; il div quindi rimane della larghezza stabilita.

Con FF2 e IE7 questo funziona, ma con FF3 no: lo scroll non funziona e la tabella deforma il div (e quindi tutto il sito)

Vi ho preparato un esempio html, dove il div più esterno con width:600px rappresenta una "simulazione" dei margini restrittivi del sito.
Il div sotto (e la tabella in esso contenuta) invece è ciò su cui dovrei agire per raggiungere il mio scopo.

File html: http://metaldetector.altervista.org/sigitm/x.html
Screenshot IE7: http://img57.imageshack.us/img57/623/xie7rt3.png
Screenshot FF2: http://img57.imageshack.us/img57/3579/xff2nc3.png
Screenshot FF3: http://img296.imageshack.us/img296/8925/xff3bp3.png

Secondo voi si riesce a modificare in modo che anche in FF3 funzioni?
O è proprio un errore nel motore di rendering di FF3?

Grazie.

[Powerful]

6 riuscito a risolvere questo problema?
xè anchio ho un problema analogo e non ne vengo fuori
grazie

[Powerful]

ho risolto il problema e la soluzione fa funzionare il tutto anche su google chrome:

nella mia tabella interna avevo un riga alta 0 con lo style impostato ad un overflow: hidden e la tabella stessa aveva una dimensione fissa che se il testo la superava avrebbe messo le barre di scorrimento, tutto ok fino agli aggiornamenti dei browser mozilla. Infatti questo non funzionava su FF3 o su Chrome mentre non dava problemi su FF2 e IE, tuttavia impostando una dimensione al 100% e non fissa e impostando la riga ad un overflow di tipo scroll non da problemi a IE e funziona anche su FF3

quindi credo di aver risolto il tutto

Ecco la mia tabella annidata
<table class="object-container" border="0" cellpadding="0" cellspacing="0" width="90%"><tbody>
<tr class="object-first-row">
<td object-first-row=""></td>
<td rowspan="10" valign="top">
<div class="object-dsc" >

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr border="1">
<td class="titolo-immobile" colspan="2" >
..............

Ecco il css applicato


.object-dsc{
overflow:scroll;
width:100%;
height:446px;
}

.object-first-row{
height: 0px;
overflow:scroll;
}

Ecco com'era il css prima
.object-dsc{
overflow:scroll;
width:510px;
height:446px;
}

.object-first-row{
height: 0px;
overflow:hidden;
}