Div's ved siden af hinanden?

Hvordan for jeg to div-elementer til at stå ved siden af hinanden?

Eks.:
---
<div id="main">
  <div id="menu">Menu her</div>
  <div id="indhold">Indhold her</div>
</div>
---
Jeg bruger CSS til af definere hvor mine div's skal være placeret men lige meget hvad jeg gør, bliver det nederste div altid placeret under det andet (en linie under).

Jeg har prøvet med posistion: absolute / relative; display: inline; men intet virker.

Jeg giver 150 point for at svar da jeg har brug for et, hurtigt :)