posizionamento div

[Symon83]

Ciao, scusate ma son ale prime armi con i css, sto cercanbdo di posizionare 3 div, ne vorrei uno che stia in alto alla pagina,come fosse un titolo di larghezza 700 e altezza 150.
Poi sotto ne vorrei due affiancati, uno a sinistra di altezza 500 per 200 di larghezza dove inserirò le voci del menu e uno affiancato alla destra di quest'ultimo dove visualizzerò il contenuto, altezza 500 larghezza 500:

#top{
width:700px;
height:150px;

}
#left{
position:relative;
left:0;
top:-150;
width:200px;
height:500px;
}

#contenuto{
position:relative;
top:-150px;
width:500px;
height:500px;


In sostanza #top e #left li posiziona correttamente, mentre #contenuto lo posiziona sotto left quando lo vorrei alla destra di #left..chi può darmi una mano? grazie

[Mich_]

Dimentica che esiste il position: crea molti piu` problemi di quanti ne risolve (specie per chi non ha una buona esperienza di CSS).

Per affiancare i blocchi usa il float: in pratica, sia #left che #contenuto devono avere
float: left;