Aca esta el codigo, mi problema es que el #apDiv2 { junto con el #apDiv4 { no se ajustan a la pantalla como lo hace la #apDiv1
Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 100%;
height: 1245px;
z-index: 0;
left: 0;
top: 0;
background-image: url(Ima/FondoWeb.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#apDiv2 {
position: absolute;
width: 100%;
height: 91px;
z-index: 0;
background-image: url(Ima/Fmenu.jpg);
background-attachment: fixed;
background-size: cover;
}
left: 0;
top: 0;
}
#apDiv3 {
position: absolute;
width: 100%;
height: 158px;
z-index: 1;
left: 0px;
top: 92px;
}
#apDiv4 {
position: absolute;
width: 100%;
height: 266px;
z-index: 1;
top: 249px;
left: 0px;
background-image: url(Ima/bannercentro.png);
background-repeat: no-repeat;
background-size:cover;
}
</style>
</head>
<body>
<div id="apDiv3"></div>
<div id="apDiv1">
<div id="apDiv2"></div>
<div id="apDiv4"></div>
</div>
</body>
</html>