no funciona margin top despues de float

[only_skating]

hola, tengo 2 divs flotantes paralelos, y acontinuacion he colocado uno debajo que no es flotante, el caso esque quiero distanciarle de los flotantes y no me admite el margin top, y po rmucho que lo pongo no se mueve, aqui el codigo.

Código:

<div class="bienvenida">
      <p>&nbsp;</p></div><div class="equipo"><p></p></div>
      <div style="clear:both" class="tablon">
        <p></p>
      </div>

y aqui el CSS

Código HTML:

@charset "utf-8";
.bienvenida {
	float:left;
	margin-left:20px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:250px;
}
.equipo {
	float:left;
	margin-left:40px;
	margin-top:10px;
	background:url(bienvenida.jpg);
	border:#FFF solid 2px;
	height:250px;
	width:550px;
}
.tablon {
	margin-left:20px;
	width:840px;

saludos y muchas gracias de antemano