il codice css è impostato male per questo non riesci a posizionare i div. Lascia stare le spiegazioni e quant'altro altrimenti la discussione diventa un poema epico... Se non sei molto pratico di css devi prima leggere almeno qualche istruzione su school.w3c altrimenti possiamo stare ore a discuterci su senza mai risolvere il problema (perchè ne uscirebbe sempre uno nuovo). Per ora lascia stare i css e crea solo i div che ti interessano. Nel css scrivi solo *{padding:0; margin:0;}
, poi al contenitore del sito gli dai margin: 0 auto; e la larghezza del sito, ad esempio width:940px; (il contenitore sarà il div con id="wrapper" diciamo) ed hai il sito centrato. Continuerai a vedere i div uno sotto l'altro ma dopo aver fatto ciò continuiamo con l'affiancamento dei div. Non andare avanti se prima non hai fatto tutto questo