Non riesco a risolvere un problema di visualizzazione tra ie6 e ie7:
ho tre colonne (div) con immagini, testo e immagini

<div id="thumb> ...</div>
<div id="testo"> .... </div>
<div id="thumb_right"> ... /div>

e

#testo {
background-image: url(../ima/bg_testo.jpg);
border-color: #ADBD88;
border-style: solid;
border-width: 1px;
width: 360px;
height: 244px;
overflow: auto;
padding: 10px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
float:left;
}

#thumb {
width: 58px;
height: 250px;
float: left;
}

#thumb_right{
width: 58px;
height: 250px;
float: right;
}

in ie6 si vede tutto bene, in ie7 #testo si sovrappone per alcuni pixel, a sinistra su #thumb e #thumb_right va tuto a destra nascondendosi per alcuni pixel a destra.
Se giocho con padding e margin di #thumb e #thumb_right si agiusta su ie7 ma si scombina tutto con ie6 che mette degli spazi tra i tre elementi anche se non sono dichiarati
esiste un sistema per uniformare il tutto?