Ho un problema con questo codice, l'immagine dentro il DIV è ripetuta orizzontalmente. Il div dovrebbe essere sempre centrato verticalmente qualsiasi dimensione ha la finestra.
Il div ha una misura in percentuale del 100%


<!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>Documento senza titolo</title>
<style type="text/css">
<!--
body, html {
background-image: url();
background-repeat: no-repeat;
background-color: #00890E;
margin-left:0;
margin-right:0;
}
.box {
background-image: url(images/BG2.gif);
background-repeat: repeat-x;
height: 472px;
}
-->
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>


Qualcuno mi dice dove sbaglio.