Neposouvající se div

Dobrý den,
rád bych poprosil o pomoc s layoutem v css. Dělá mi to jednu takovou neplechu že pokud mám text v divu=main2 a dovnitř umístím další div=pokus tak text, který je uvnitř, neposouvá a ani nezvěčuje divy s názvem holder a main2. Asi je to chybným floatování, ale pokud nastavím holder nebo main float:left tak se mi rozhodí zarovnání na střed. Děku za každnou radu a nápad jak tento problém vyřešit. Děkuji.

Html:

@charset "utf-8";
/* CSS Document */
body {
text-align: center;
margin:0;
padding:0;
}

.main {
border:1px solid #000000;
margin:auto;
text-align:left;
width: 1000px;
}

.holder {
background-color: #000;
min-height:50px;
}

.main2 {
border:0px solid #333;
width: 1000px;
min-height:49px;
margin:auto;
text-align:left;
background-color: #099;
}

.holder2 {
background-color: #0C6;
min-height:50px;
}

.main3 {
border:0px solid #333;
width: 1000px;
min-height:49px;
margin:auto;
text-align:left;
background-color: #09F;
}

.pokus_main{
border:solid 1px;
}

.pokus{
float:left;
width:300px;
min-height:10px;
border:solid 1px;

}

.pokus2{
float:left;
width:200px;
min-height:10px;
border:solid 1px;
}

Ahoj,
zde zasílám odkaz: http://onoko.cz/pokus/
jde o to že div pokus který je v main2 by se měl zvětšit a posunout holder2 a main3, ale ono se tak nestne:-/, nevíte kde je problé?řeším zde totiž problém, že v holdrech bude jinačí pozadí a mainy musí být zarovnané na střed.

Omlouvám se za hloupá dotaz, ale ukončín float:left myslíte clear:left?Pokud ano, tak to jsem již zkoušel než jsem zakládal tento topic. Ještě možná detail, ale já potřebuji aby .pokus a .pokus2 byly vedle sebe.

Moc vám děkuji, měl jsem naprostou pravdu, nechápal jsem to:-/. Overflow rodiči to vyřešil.