Margini - problema firefox e opera

[D4Ng3R]

Ciao a tutti
sono nuovo del forum, ho appena cominciato ad usare i css ma mi sono scontrato subito con una delle differenze di interpretazione dei vari browser, come potete vedere all'indirizzo: www.d4ni3l3.biz, utilizzando IE tutto bene, mentre firefox e opera non rispettano i margini.
Il codice nel foglio css è questo:

#mainContentLeft {
background-color: #333333;
border: 1px dotted #c4afac;
float: left;
margin-right: 10px;
margin-left: 20px;
padding: 5px 10px;
width: 400px;
color: #c4afac;
text-align: left;
font-size: 12px;
}

Più o meno simile il codice di #mainContentRight
Potete darmi una mano?
Grazie mille e a presto

p.s.
dimenticavo di dire che come potete vedere su IE il sito è centrato mentre su firefox e opera è allineato a sx.
Altra differenza di scrittura dei css?

[ashtur1]

per centrare la definizione solita è margin:0 auto; in questo modo il div con i contenuti si centra

[D4Ng3R]

ciao
ok ma tu parli del contenuto principale? Quindi sfondo, header a quant'altro?
Il mio problema principale è che il contenuto laterale sinistro e quello destro non accettano il margin in firefox e opera, mentre visualizzando in IE va tutto bene.
C'è una sintassi valida per quei due?
grazie