[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.