Hvorfor ryger boxen under den anden

Hej eksperter

Jeg vil gerne styre layouten på en hjemmeside med rent CSS, så jeg i korthed undgår tables.

Jeg har to kasser lavet med <div class="... og den med indholdet falder under menuen, hvorfor er den ikke ved siden af? De er lagt inde i den class der hedder  layout_main

CSS-koden

.layout_main {
    width:            900px;
    height:            auto;
    vertical-align:        top;
}


.layout_menu {
    width:            133px;
    border-left:        1px;
    height:            100%;
    background:        #627b91;
    vertical-align:        top;
    position:        relative;
    top:            0px;
    left:            0px;
}


.layout_content {
    width:            776px;
    height:            100%;
    background:        #FFFFFF;
    vertical-align:        top;
    position:        relative;
    top:            0px;
    left:            134px;
}


Html-delen

<div class="layout_main">
<div class="layout_menu">Menu her</div>
<div class="layout_content">
Noget tekst her
</div>
</div>


For at se hvordan det ser ud, så besøg:
www.kr-data.no-ip.com/kbc

Ps. Der er en masse PHP kode bag det og nogle andre CSS-scripts. Indholdet er bare noget tilfældigt.

På forhånd tak