Bug IE6: overflow,float et background-color!

bonjour tout le monde,

je développe actuellement une appli sur Mozilla en utilisant le pluggin jquery.scrollableFixedHeaderTable.js et le problème c'est que certaines choses ne fonctionnent pas sur IE6 mais sur IE8 ca fonctionne très bien!

Tout d'abord, voici mon petit bout de CSS:

._tab_fix_details {
font-size: 12px;
border-collapse: collapse;
}

._tab_fix_details .header td {

font-weight: bold;
background-color:#CCCCCC;
text-align:center;
border-style:solid;
border-color: black;
border-width: thin;
-height:1%;

/*width:330px;*/
}

.tab_fix_details td {
white-space: nowrap;
background-color: white;

}

.ligne_details{
background-color:white;
}

._div{
float:left;
}

.sfhtTable,
.sfhtData{
border-style:solid;
border-color: black;
border-width: thin;
}

.div_decal_gauche{
padding-left:50px;
}
.colonne_1{
width:75%;
}

.colonne_2{
width:25%;
}

En fait ma page est composée de 4 tableaux l'un a coté de l'autre qui ne peuvent en aucun cas etre contenu dans un autre tableau.
<div class="_div div_decal_gauche" style="display: inline">
<table id="tableau1" class="_tab_fix_details scrollableFixedHeaderTable" cellspacing="1">
<!-- En-tête du tableau -->
<tr class="header">
<td colspan="2"><?php echo c_mess007; ?></td>
</tr>
<tr>
<td class="colonne_1">...</td>
....
</tr>

</table>
</div>
et cette div 4 fois.

Du coup, j'ai plusieurs problème. Mon float:left ne fonctionne pas j'ai essayé display:inline et position:relative ==> ca ne fonctionne pas.

Ensuite mes entête de colonnes (background-color) n'ont pas couleurs! Alors la pourquoi j'y comprends rien!

Enfin, normalement sur mozilla j'ai un scroll qui apparait quand mon contenu dépasse la taille de la div et la j'ai rien.

Je précise je suis débutante dans le debug de IE6. Je me débrouille en CSS mais je ne maitrise pas les bug IE6.

Merci pour votre aide
Aurore