Hjælp til simpelt CSS layout

Hey

Jeg har et meget simpelt layout jeg gerne vil have lavet vha. CSS, men jeg kan simpelthen ikke få det lavet.

Layoutet skal se således ud:

http://wuhtzu.dk/random/layout.gif

En centreret side som består af et <div> til title/banner og et div til hhv. menuen og indholdet...

Dette er hvad jeg har kunne lave:

<div class="container">
	
  <div class="banner">
  </div>
  
  <div class="menu">
  </div>
  
  <div class="content">
  </div>
  
</div>

.banner{
	border: 1px solid;
	width: 750px;
	height: 100px;
	}
	
.menu{
	border: 1px solid;
	width: 200px;
	height: 400px;
	}
	
.content{
	border: 1px solid;
	width: 550px;
	height: 600px;
	}
	
.container{
	margin: auto;
	border: 1px solid lime;
	width: 780px;
	}

Jeg har ingen anelse om hvordan jeg skal få de to <div>'s til at stå ved siden af hinanden...