Salve,
ho un problema, dovrei inserire all'interno di questi div delle immagini con altezza 430px, mi sono reso conto però che viene sfalsata l'altezza del div finale?? aiuto...

<style>
body {
margin:0px;
padding:0px;
}
.contenitore {
width:100%;
height:1460px;
max-width: 1920px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
}
#div1 {
margin:0px;
padding:0px;
width:100%;
height:430px;
background-color:#CCC;
}
#div2 {
margin:0px;
padding:0px;
width:100%;
height:430px;
background-color:#00F;
}
#div3 {
margin:0px;
padding:0px;
width:100%;
height:430px;
background-color:#06C;
}
#div4 {
margin:0px;
padding:0px;
width:100%;
height:430px;
background-color: #0F0;
}
/* ===================================== */
/* piè di pagina */
#footer {
width:100%;
height:60px;
margin:0px;
padding:0px;
bottom:0px;
position:fixed;
clear:both;
background:#333;
font-family:Futura, Helvetica;
color:#FFF;
z-index:1;
}
</style>
</head>
<body>
<div class="contenitore">
<div id="div1">
<img src="URL IMMAGINE" width="100%">
</div>

<div id="div2">
<img src="URL IMMAGINE" width="100%">
</div>

<div id="div3">
<img src="URL IMMAGINE" width="100%">
</div>

<div id="div4">
<img src="URL IMMAGINE" width="100%">
</div>
</div>
<!--<===================-->

<div id="footer">
<p style="margin-top:20px; padding-right:15px; padding-left:15px;">FOOTER</p>
</div>