div affiancato a div width=100% IE6

[gianis6]

buona sera a tutti,

come da titolo ho un problema con i css in IE6 che non riesco a risolvere:
in pratica dovrei affiancare ad un div con width="100%" un altro piccolo div.
tutto funziona se visualizzato con firefox o IE7, invece su IE6 il div che dovrebbe essere affiancato quello con width=100% scompare.


qui ho uppato la pagina html che non viene visualizzata correttamente con IE6. ->link
ho fatto un pò di ricerche in giro per la rete ma non riesco a torvare nulla
qualcuno sa darmi una mano??
grazie

(posto anche il codice HTML e CSS)

<style>

#container
{
width:200px; 
display:inline;
float:left;
margin-left:20px;
font-size:12px;
}

.barra
{
background:#FF6600; 
height:10px; 
float:left; 
margin-right:3px;
}

.percentuale
{
color:#FF6600; 
line-height:10px;
position:absolute;
display:inline;
float:left;
}


</style>


<div id="container">
       <div style="">Percentuale</div>
       <div style="width: 180px; float:left; clear:left;">
                <div class="barra" style="width: 100%;"></div>
                <div class="percentuale">100%</div>
       </div>
</div>