Pagina semplice semplice e problema spero altrettanto semplice...

Con mozilla si vede tutto correttamente, in IE 5.5/6 lo sfondo non contiene quello che dovrebbe contenere e i due div.f50 vanno a capo. Perchè?
http://sedicisi.altervista.org/prova.htm

Html:

codice:
<div class="sfondo">
	<div class="f50" style="background-color:#333;">cicciasx</div>
	<div class="f50" style="background-color:#777;">cicciadx</div>
	<div class="clear"></div>
</div>
e Css:

codice:
div.clear {clear:both;}
div.f50 {float:left; width:50%; color:#FFF;}
div.sfondo {background:#FDCFFD; margin:0px 1px;}
Edit: dimenticavo, il div.f50 voglio mantenerlo in percentuale e non trasformarlo in pixel se possibile