Salve a tutti

Mi sapreste dire come devvo agiustare questi div per fare in modo che all'aumentare del testo dentro il div che ha classe ReadGB9, mi aumenti anche il div con classe ReadGB1 che contiene altri div (p.s. = ReadGB... 2-3)

di seguito il codice xhtml ed il codice css

Così com'è adesso va bene solo per IE (ma sappiamo tutti che quello prende tutto per buono ), mentre con Firefox ( ) purtroppo il div ReadGB1 rimane della sua altezza senza aumentare


<div class="ReadGB1 ClearLeft">

<div class="ReadGB2 DivFloatLeft">
<div class="ReadGB4">
Msg. n° 2
</div>
<div class="ReadGB5">
Italia
</div>
<div class="ReadGB6">
07/11/2003 at 13:07
</div>
<div class="ReadGB7">
KZXYHJ
</div>
</div>

<div class="ReadGB3 DivFloatLeft table4 TBLwhiteviolet AlignSX">
<div class="ReadGB8 table3 AlignSX">
****** ****** ha scritto:
</div>
<div class="ReadGB9 AlignJU">
Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento. Commento.
</div>
</div>

</div>

con il css in questo modo il div ReadGB1 rimane della sua altezza nascondendo eventuali righe di testo .....
.ReadGB1 {margin:2px 0px;padding:0px; width:542px!important;width:544px; min-height:108px;height:108px!important;height:110px; font: normal 12px "Trebuchet MS",Arial,sans-serif; color:#000000;}
.ReadGB2 {margin:0px;padding:0px; width:134px!important;width:134px; min-height:108px;height:108px!important;height:108px;}
.ReadGB3 {margin:0px;padding:0px; width:407px!important;width:408px; min-height:108px;height:108px!important;height:108px;}
.ReadGB4 {margin:0px;padding:0px; width:134px!important;width:134px; height:20px!important; height:21px;}
.ReadGB5 {margin:0px;padding:2px 2px 2px 4px; width:128px!important;width:134px; height:37px!important; height:42px;}
.ReadGB6 {margin:0px;padding:0px; width:134px!important;width:134px; height:18px!important; height:19px;}
.ReadGB7 {margin:0px;padding:5px 5px 0px 5px; width:124px!important;width:134px; height:21px!important; height:26px;}
.ReadGB8 {margin:0px;padding:0px; width:407px!important;width:407px; height:20px!important; height:21px;}
.ReadGB9 {margin:0px;padding:3px; width:401px!important;width:407px; min-height:81px;height:81px!important;height:87px;}


con il seguente codice css invece, si alza tutto tranne che il ReadGB1 che poi sarebbe quello che effettivamente mi serve...

.ReadGB1 {margin:2px 0px;padding:0px; width:542px!important;width:544px; min-height:108px; font: normal 12px "Trebuchet MS",Arial,sans-serif; color:#000000;}
.ReadGB2 {margin:0px;padding:0px; width:134px!important;width:134px;}
.ReadGB3 {margin:0px;padding:0px; width:407px!important;width:408px;}
.ReadGB4 {margin:0px;padding:0px; width:134px!important;width:134px; height:20px!important; height:21px;}
.ReadGB5 {margin:0px;padding:2px 2px 2px 4px; width:128px!important;width:134px; height:37px!important; height:42px;}
.ReadGB6 {margin:0px;padding:0px; width:134px!important;width:134px; height:18px!important; height:19px;}
.ReadGB7 {margin:0px;padding:5px 5px 0px 5px; width:124px!important;width:134px; height:21px!important; height:26px;}
.ReadGB8 {margin:0px;padding:0px; width:407px!important;width:407px; height:20px!important; height:21px;}
.ReadGB9 {margin:0px;padding:3px; width:401px!important;width:407px; min-height:81px;}

Aiutoooooo