Miért nem enged 3 hasábot egymás mellett lebegtetni (float)?

Olyan weblapot készítenék ami 3 hasábból áll, de az istennek se akarja egymás mellé tenni őket, pedig volna elég hely.

HTML:

<section id="bal">

<p>bal hasáb</p>

</section>

<section id="kozep"> <p>középső hasáb</p>

</section>

<aside>

<p>jobb hasáb</p>

</aside>

CSS:

section#bal {

width: 225px;

margin: 0px;

float: left;

}

section#kozep {

width: 750px;

margin: 0px auto;

}

aside {

width: 225px;

margin: 0px;

float: right;

}