Испытание "Строим сетку": что не так? :(

Визуально вроде бы все получилось, но проверку не прохожу:(
Подскажите, что не так?
html, body{
margin:0;
padding:0;
}
body{
width:450px;
height:335px;
font-family:‘Arial’, sans-serif;
font-size:10px;
color:white;
}
.header{
background:#34495e;
margin-bottom:10px;
padding-top:10px;
box-sizing:border-box;

}
.header2{
background:#c0392b;
width:360px;
min-height:30px;
padding-left:5px;
padding-top:5px;
}
.menu{
background:#3498DB;
min-height:35px;
margin-top:10px;
margin-bottom:10px;
padding-left:55px;
padding-top:5px;
box-sizing:border-box;

}
.promo1{
background:#c0392b;
width:170px;
min-height:50px;
margin-right:10px;
float:left;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;

}
.promo2{
background:#c0392b;
width:170px;
min-height:50px;
float:left;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;
}
.left{
background:#3498DB;
height:100px;
width:70px;
float:left;
margin-right:10px;
padding-left:5px;
padding-top:5px;

}
.main{
background:#3498DB;
height:100px;
width:185px;
float:left;
padding-left:5px;
padding-top:5px;
}
.right{
background:#3498DB;
height:100px;
width:70px;
float:right;
padding-left:5px;
padding-top:5px;
}

.footer{
background:#34495e;
height:30px;
margin-top:10px;
padding-top:5px;
}
.clearfix:after{
content:’’;
display:table;
clear:both;
}
.layout-positioner{
margin-left:auto;
margin-right:auto;
width:360px;

}

/*
Используемые цвета:
#34495e - мокрый асфальт
#c0392b - красный
#3498DB - синий
*/

По этому скрину не понять, что не так, надо смотреть во вкладках “Различия” и “Наложение”.