salve.. questo è il mio codice css:

codice:
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??