Il sito è il seguente: www.laltromodo.org

Con Internet Explorer (anche 6) per windows mi vede il sito tutto a sinistra, problema che non ho nè con firefox, nè con opera, nè con mac.
E' la terza ristrutturazione che provo: prima ho fattio di testa mia coi posizionamenti assoluti. Poi ho cambiayo e ho seguito l'impostazione della guida ai layout css per una struttura float a due colonne (contenitore con width in pixel e impostato a margin: 0 auto, adesso ho provato a usare un trucco visto su un altro sito... il maledetto programma di zio bill al solito dà problemi. Vi posto il css... sto impazzend. Perchè non mi posiziona il contenitore al centro della pagina ma appiccicato al bordo sinistro????
Grazie a tutti da un newbie...
Alessandro

css

html, body {
margin: 0;
padding: 0;
}
/*stili blocco centrale*/
.principale {
width: 740px;
margin: 0px -370px;
position: absolute;
left: 50%;

}

/*stili della testa*/
.testa {
background-color: gray; width: 736px;
padding: 0;
border: 4px double black;
margin: 25px auto;}

/* stili interni*/
.destra {
float: right;
width: 50%;
}
.sinistra {
margin-right: 50%;
}
.piede {
clear: right;
bottom: 0;
width: 100%;
border: solid 2px rgb(255, 197, 138);
}
/* stili particolari*/
.psx {
color: black;
background-color: rgb(255, 197, 138);
margin-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
padding: 0px 15px 0px 15px;
}
div.psx {
border: 2px solid rgb(132, 179, 236);
}
h4.psx {
color: red;
margin-top: 5px;
}
.startmenu {
color: black;
background-color: rgb(132, 179, 236);
}
.pdx {
margin-top: 45px
}
.menu {
padding: 5px 6px 5px 20px
}
.pdx.par1 {
border: solid 2px rgb(132, 179, 236);
padding: 0px 6px 10px 6px;
}
img#par1 {
float: right;
margin-top: 0px;
padding-top: 0px;
border: 0px;
}
.pdx.par2 {
margin-top: 35px;
}