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

[Inluzion]

porque no haces que flote el ultimo div?, eso corregiria todo

[MaTy09]

Si vas a usar los 2 divs principales con alto y ancho fijos.. proba poniendo asi

Código HTML:

<div class="bienvenida"> </div>
<div class="equipo"></div>
<div class="tablon"></div> 

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;
	height:15px;
	background-color:#093;
	margin-top:275px;
}

[only_skating]

ok muchas gracias, fue justo lo que necesitaba, poner flotante el div.