[css] problème avec un block

Bonjour,

Sur ma page d'index, j'ai créer 4 block avec la balise <div> mais j'ai un souci.

Les 3 premiers blocks sont l'un a coté de l'autre et ne me pose pas de souci. Par contre le 4ème doit se trouver en dessous du block central mais en fait il passe derrière.

Ou ais je fait la bétise svp ?

Voici le code css dans ma page html :

#Gauche {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
float: left;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
text-align: left;
color: black;
font-style: normal;
width: 160px;
}
#center {
border-style: solid;
border-width: 1px;
background-color: yellow;
float: left;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
color: black;
font-style: normal;
width: 640px;
margin-left: 7px;
}
#Droit {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
float: right;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
text-align: left;
color: black;
font-style: normal;
width: 160px;
}
#Dessous {
border-style: solid;
border-width: 1px;
background-color: #ccffff;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
color: black;
font-style: normal;
width: 640px;
margin-left: 170px;
margin-right:170px;
}

Merci pour votre aide
Amicalement
Steph70