Posicionamento de divs

Boa tarde amigos ...

Estou tentando montar um layout assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.osabetudo.com.br/css/layout.JPG&key=274a5907c9fb9dc1c5d8e27e7ae3f5f253be6589d11f3786b3decfbf921eaded" alt="Imagem Postada" />

Oque eu consegui fazer está neste link. O Css esta aqui:

body {

	background-color: #7F7F7F;
 text-align: center;
}

#container {
	margin: 20px auto 20px;
	width: 769px;
	text-align: justify;
	background: #EAEAEA;
}

#top {
	height: 100;
	width: 765px;
	background-color: #447093;
	border: 1px solid #EAEAEA;
	border-width: 2px 2px 0 2px;
}

#middle {
 text-align: justify;
 border-width: 0 2px 0;
	float: left;
}

#menu {
	width: 160px;
	border: 1px solid red;
	float: left;
}

Se alguem tiver um tempinho e puder me ajudar a montar este layout .... creio que minha deficiencia esta sendo com relacao a propriedade position ...