ciao,
ho un problema con l'allineamento orizzontale di 2 o più <div>.
il problema riguarda IE6 e con il doctype definito in questo modo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">

questo è il css:

<style>



#box-sx{
width:20%;
float:left;
min-width:70px;
background:red;
}
#box-center{
float:left;
width:60%;
min-height:250px;
position:relative;
height:auto!important;
height:70px;
background:blue;
}
#box-dx{
float:right;
width:20%;
background:red;
}

</style>
</head>

<body>
<div id="box-sx">fdsfdsf</div>

<div id="box-center">fdsfdsfd</div>
<div id="box-dx">fdsfdsfsd</div>


</body>
</html>
il terzo <div> mi va a capo di 1px e io sto impazzendo.
maledetto IE!

soluzioni?
grazie