Ciao a tutti, temo sia l'ennesima domanda "facile".. ma non ne vengo davvero a capo:

Ho una pagina html organizzata con i <div> nella quale vorrei avere 3 <div> allineati orizzontalmente. Da ignorante di CSS (quale sono) ho fatto in questo modo:

1. ho aperto un #conteiner:

#container{
margin: 0px auto;
width: 790px;
height: 500px;
}

2. ho inserito il primo <div>:

#barsx{
float:left;
width: 205px;
padding-top: 55px;
}

3. ho inserito il secondo <div>:

#menucontainer{
background-image: url(../images/menu-background.gif);
height: 500px;
width: 180px;
margin-left: 205px;
}

3. ho inserito il terzo <div>:

#content{
height: 390px;
width: 390px;
position: relative;
left: 390px;
top: -445px;
overflow: auto;
background-color: #F4F4F4;
border: 1px solid #B4B5B7;
padding: 15px 10px 0px 10px;
}

Cosi (con explorer) sono allineati come voglio, ma non è il modo giusto e infatti i browser non microsoft intrerpretano il layout in tutt'altro modo.

Sapete suggerirmi come procedere correttamente?
Come allineare orizzontalmente 3 <div> all'interno di un <div> che fa da container?

Grazie in anticipo!