Positionnement float

Bonjour,
J'ai étudié les tutos sur le positionnement des boîtes, mais je ne comprends pas pourquoi
je n'arrive pas dans le contenu de ma page sommaire (en haut) à placer deux boites côte à cote avec une marge entre les deux. J'essaie de les positionner en mettant float: left et clear: both.
Je vois mes textes "A la Une" et "blabla" mais en dessous l'un de l'autre et pas dans les boites.
Merci de votre aide pour cette question très primaire, j'ai fait d'autres boîtes ailleurs qui fonctionnent mais je n'ai pas du tout assimiler.
Lien vers le site qui est en construction et pas validé

Mon id contenu a pour css [#contenu {
float: left;
height: auto !important;
height: 300px;
min-height: 300px;
padding-top: 30px;
padding-bottom: 20px;
width: 585px;
} ]

J'essaie de mettre deux boites :
[.boite_une_gauche
{ float: left;
width: 250px;
clear: both;
background-color: red;
padding-right: 10px;}

.boite_une_droite
{ float: left;
width: 250px;
clear: both;
background-color: red;
padding-right: 10px;}

Dans mon sommaire sous pagination :


[<div class="boite_une_gauche"> A la Une </div>][/code]
[<div class="boite_une_droite"> blabla </div>][/code]

Si tu mets float:left et juste en dessous clear:both ça va pas marcher Vu que clear both annule le comportement flottant tes boite vont forcément passer à la ligne.

je pense qu'il suffit d'enlever le clear:both du premier cadre (le gauche)

Merci beaucoup à tous de votre aide.
J'ai enlevé both: clear effectivement et ça marche
Bonne journée