DIV Float dentro un altro DIV con IE6

[Ruben Elmo]

Salve ragazzi,
ho questo CSS:

#HEAD {background-color:#FF6600;color:#FFFFFF;font-weight:bold;margin-top:10px}
.HEAD_N {
    height:20px;line-height:20px;text-align:center;float:left; width:40px;border-right:#E0E0E0 solid 1px;
}
.HEAD_OFF {
    height:20px;line-height:20px;float:left;width:250px;border-right:#E0E0E0 solid 1px;font-weight:bold;padding-left:5px
} 

E questo codice:

<div id="HEAD">
  <div class="HEAD_N">N</div>
  <div class="HEAD_OFF">OFF</div>
  <div style=\"clear:both\"></div>
</div> 

Ho hotato che con IE6 l'altezza dei DIV HEAD_N e HEAD_OFF sono molto più alti di 20px! Però togliendo i "float" il div è perfettamente di 20px!

Sapete come potrei risolvere questo problema?