salve.. questo è il mio codice css:

code:
Html {
margin:0;
padding:0;
}

Body { background-color:#0000CC;
font-family:Verdana, Times New Roman;
font-size:12px;
text-align:center;
margin:0;
padding:0;
height: 100%
}

p { color:#FFFFFF }
p:first-letter {color: white; font-weight: bold;}

.corpo {
background-color:#0000CC;
width:700px;
margin: 0px auto;
position: relative;
}

.testa {
width:700px;
height:100px;
margin: 0px auto;
}

.pag {
width:700px;
margin:0px auto;
}

.footer {
margin:0px auto;
background:#CCFFFF;
position:absolute;
bottom:0px;
width:700px;
}



il mio problema è che il footer non mi sta al centro della pagina, ma a sinistra.. so per certo che il problema è il position: absolute, ma non so come correggerlo.. voglio che quella parte di pagina mi stia sempre in fondo e centrato.. come faccio??