il css è:
codice:
html {
	height:100%;
	margin:0px;
	overflow:auto;
}

body { 
	height:100%;
	margin:0px;
	text-align:center;
	background-poistion:absolute;
	background-image:url(bg.gif);
	background-repeat:repeat-x;
}

#content {
	width:90%;
	height:100%;
	margin:0px auto;
	background:#FFF;
}

.box {
	background-poistion:absolute;
	background-image:url(image/box.gif);
	width:320px; height:140px;
	padding:5px;
	float:left;
	position:relative;
	margin:5px;
}
l'html è:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CENTRARE 2 BOX</title>
<style type=text/css>@import url("box.css");
</style>
</head>
<body>
<div id="content">
<div class="box">BOXONE</div>
<div class="box">BOXTWO</div>
</div>
</body>
</html>
ma non ne sto venendo a capo. I due box rimangono sempre sul lato sinistro del div id="content"...

grazie a tutti per la collaborazione


dies