Problème de div et de background

Bonjour,
Voila mon probleme, en dessou de 2 bloc dont l'un est en float right et lautre en left, j'ai creer un bloc div mais quand j'essaye de lui mettre un background, noir par exemple, il se met à partir d'en haut sur le 1er bloc.

Voici le code HTML:



<div class="bloc1"></div>

<div class="bloc2"></div>

<div class="bloc3"></div>




et CSS:


.bloc1
{
float: left
width: 100px;
height: 100px;
}
.bloc2
{
float: right;
width: 100px;
height: 100px
}
.bloc3
{
background:black;
widht: 100px;
height: 100px;
}