Vorrei che i due div con float vengano centrati rispetto la pagina ma sembrano ignorare il <div align="center"></div>

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test float</title>
<style type="text/css">
<!--
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: #FCECDA;
}
#box_titolo_last_update {
	width: 200px;
	height: 15px;
	margin-top: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FF0000;
	background-color: #FF0000;
	float:left;
}
#box_testo_last_update {
	width: 100px;
	height: 15px;
	margin-top: 10px;
	font-size: 9px;
	font-weight: bold;
	background-color: #FFFFFF;
	float:left;
	border-top: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
}
-->
</style>
</head>
<body>
	<div align="center">
		<div id="box_titolo_last_update">ULTIMO AGGIORNAMENTO:</div>
		<div id="box_testo_last_update">24 Luglio 2005</div>
	</div>
</body>
</html>
cichity74