This is a hard one for me to explain but the "section" at the top which contains the white boxes doesn't seem to be the height it should be, it doesn't seem to be as big as its containing items. 

This means instead of the sections below it, sitting below it, they actually sit to the side.

The effect I'm trying to achieve is to stack the sections on top of each other vertically, but make it so the sections are as big as their content.

This is my code: <http://jsfiddle.net/8Ts9c/6/embedded/result/>

```
<section>
    <div class="container">
        <div class="price">
            <img src="" />
            <span class="allocation">1</span>
            <span class="value">1</span>
        </div>
        <div class="price">
            <img src="" />
            <span class="allocation">1</span>
            <span class="value">1</span>
        </div>
        <div class="price">
            <img src="" />
            <span class="allocation">1</span>
            <span class="value">1</span>
        </div>
        <div class="price">
            <img src="" />
            <span class="allocation">1</span>
            <span class="value">1</span>
        </div>
        <div class="price last">
            <img src="" />
            <span class="allocation">1</span>
            <span class="value">1</span>
        </div>
    </div>
</section>
<section>
    <h1 class="centertitle">Our plans include</h1>
</section>

```