.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код:
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
</head>
<body>
<div class="up">
<div class="wrap">
<div class="up__head"></div>
<div class="up__foot"></div>
</div>
</div>
<div class="down">
<div class="wrap">
<div class="footer"></div>
</div>
</div>
</body>
</html>
CSS
html, body{
width:100%;
height:100%;
padding:0; margin:0;
}
.wrap{
min-width:500px;
max-width:70%;
height:100%;
margin:0 auto;
}
.up{
min-width:592px;
max-width:70%;
background:gray;
height:50%;
margin:0 auto;
}
.head{
width:500px;
height:50%;
}
.up__head{
width:100%;
height:100px;
background-color:#616262;
margin-bottom:200px;
}
.up__foot{
background-image:url(../img/lead.jpg);
background-repeat:no-repeat;
background-size:cover;
height:325px;
width:100%;
}
.down{
min-width:592px;
max-width:70%;
height:50%;
margin:0 auto;
background-color:blue;
}
