[HTML/CSS] il div non si affianca

[Alhazred]

Devo realizzare una struttura semplice:
wrapper
|-- una colonna a sinistra con dentro
||--- in alto un logo
||--- sotto un menu
|
|-- un div principale affiancato alla colonna di sinistra (quella descritta sopra)
||--- in alto un header
||--- al centro il corpo principale
||--- in fondo un footer

la struttura che ho scritto è questa:

<div id="wrapper">
<div id="left_col">
<div id="logo"><img src="logo.jpg" alt="logo" /></div>
<div id="menu">
<a href="...">link</a><br /><br />
<a href="...">link</a><br /><br />
<a href="...">link</a><br /><br />
<a href="...">link</a>
</div>
</div>
<div id="main">
<div id="header">
<div id="img1" class="img_top"><img src="img_top.jpg" alt="header" /></div>
</div>
<div id="content">Forpo principale</div>
<div id="footer">Footer</div>
</div>
</div>

Il css:

#wrapper {
width: 900px;
margin: auto;
}

#left_col {
background-color: #333333;
margin-left: 0px;
width: 150px;
height: 700px;
}

#logo {
float: left;
}

#menu {
margin-top: 30px;
float: left;
}

#main {
width: 740px;
heigth: 700px;
float: left;
}

#header, #content, #footer {
float: left;
}


In pratica il div main mi risulta fuori dal wrapper e viene posizionato in fondo.
Come posso affiancarlo a left_col?

[Alhazred]

Come non detto... risolto.