Premesso che so che lo style non lo dovrei usare(l'ho fatto per comodità).... sono incappato in questo problema...
Con questo codice mozilla e internet explorer (sotto al 7) interpretano le cose in modo diverso perchè??? come fare a risolvere?
AIUTOOOOO!!!

Intuisco che il problema sia del bordo...come arginare il problema?

Questa è la pagina
http://sedicisi.altervista.org/prova.htm

Questo è l'html

codice:
<body>
<div class="tutto">
	<div class="sfondo">
		<div class="f50" style="background-color:#333; color:#FFF;">cicciasx</div>
		<div class="f50" style="background-color:#777; color:#FFF;">cicciadx</div>
		<div class="clear"></div>
	</div>
</div>
</body>
e questo è il css

codice:
body {margin:0px;
	text-align:center;
	padding:5px 0px;}
div.clear {clear:both;}
div.f50 {float:left; width:50%}
div.sfondo {background:#FDCFFD; border:10px solid #ff86dc; border-top:none; border-bottom:none;}
div.tutto {width:980px; margin:0px auto; text-align:left;}