Ciao a tutti. Ho un problema che non riesco a risolvere, ho anche spulciato il forum e, pur trovando qualche risposta, non risolvo.
Con Css faccio in modo che un'immagine di sfondo sia adattabile alle dimensioni della finestra del browser e che div al suo interno facciano la stessa cosa. Con il primo div va tutto bene, lo centra verticalmente e orizzontalmente al centro pagina e si adatta alle dimensioni. Il secondo div non ne vuole sapere. Le immagini dello sfondo e del secondo div hanno la stessa larghezza ma quella di sfondo risulta più piccola nel browser, il css stabilisce width e height al 100%.
Questo è il css:


html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}


#sfondo{
position: absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}


div#verticale {
width: 872px;
height: 181px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -90px;
margin-left: -436px;
overflow: visible;
}
div#verticale2 {
width: 1319px;
height: 62px;
position: absolute;
top: 0;
left: 0;
margin-top: 0px;
margin-left: 0px;
overflow: visible;
}


E questo il codice Html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">


</script>
</head>


<body>


<img src="sfondohome.jpg" alt="" width="1319" height="962" border="0" id="sfondo" />
</div>


<div id="verticale"><img src="loghicentrali.png"></div>


<div id="verticale2"><img src="testata_testo.png" width="1125" height="64"></div>
</body>
</html>


Sbaglio, ma dove? Grazie!