div i div

#site {
        position:absolute;
    top:50%;
    left:50%;
    height: 600px;
    width: 670px;
    margin-top:-300px;
    margin-left:-335px;
    border: 1px #000000 solid;
    background-color: #006699;
}


#menu {
    height: 300px;
    width: 50px;
    border: 1px solid black;
    margin-left: 10px;


}

#indhold {
    height: 300px;
    width: 300px;
    border: 1px solid black;
    margin-right: 100px;


}



hvordan får jeg #menu og #indhold til at være ved siden af hinanden.