allineamento div a centro pagina e sfondo

[ilquaglia]

ho un div che vorrei posizionare a centro pagina, ma non so la stringa di codice css appropriata!

dopo questo volevo fare in modo che nel div ci fosse una determinata immagine di sfondo, e nel body (quindi nello spazio attorno al div, che rimane vuoto), un altro sfondo...

posto i codici.

<style type="text/css">
<!--
	A {text-decoration: underlined; color : Blue;}
	A:HOVER{ Color : light blue; text-decoration: underlined; }
	A:VISITED { text-decoration : underlined; }

body,html {
	height:100%;
	}

#box {  
	vertical-align: middle;
	text-align:left;	
	width:60%; height:100%;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	background-image: url(immagini/sfondo2.gif);
}  


-->
</style>