CSS: Padding & Float

Bonjour,


Je me suis torturé la tête toute la journée sans trouver de solution.

Je souhaite créer un container avec padding. en faisant appel à des "billets" de ma base de donnée ce dernier s'agrandit automatiquement, jusque là c'est parfait. Seulement voilà.. Dans ce container je souhaite y en insérer deux autres qui seront côte à côte. Avec flot:left; cela marche très bien mais les choses ce gâtent car du coup le padding du 1er container reste bloquer et ne développe plus sur les deux autres :/ je vous laisse jeter un oeil:

.container1{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    top: 16px;
    border-radius: 6px;
    position:relative;
    border: solid 1px #bdbdbd;
    z-index:4;
	background-color:white;
    padding: 16px;
    line-height: 36px;
    text-align: left;
    font-weight:bold;
    font-size: 2.0em;
    color:#800039;
    text-shadow: 0px 1px 1px #555;
    float:none;
}
.container2{
    position: relative;
    top: 0px;
    left: 1px;
    line-height: 36px;
    text-align: left;
    text-shadow: 0px 0px 0px #555;
    font-size:13px; 
    color:#7d8482;
    font-weight:normal;
    float:left;
}
.container3{
    position: relative;
    top: 0px;
    left: 1px;
    line-height: 36px;
    text-align: left;
    text-shadow: 0px 0px 0px #555;
    color:#545958;
    font-size:13px; 
    color:black;
    font-weight:bold;
    float:left;
}

et l'HTML

<div class="container1">
// Connexion à la base de données

          
          <div class="container2">
                            ...<br />
                            ....<br />
                            ....<br />
                            ....<br />
                           
                            
          </div>    
          <div class="container3">
                            // mes éléments 
          </div>
       
</div>

J'ai vraiment besoin d'aide!!!!!!!!!!!!!


Merci