Фон исчез на половину

Курсы §11. Позиционирование
1

Снимок.PNG1680×1050 158 KB

В результате фон на половину пропал, браузер Yandex. Скажите, пожалуйста, где я сделала ошибку.
Листинг:

html {
padding: 0;
}

body {
margin: 0;
padding: 20px;
}

.scene {
position:absolute;
width: 260px;
height: 260px;
background: none;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

div {
display: inline-block;
background: white;

}

/* горизонтальные элементы */
.h {position:absolute;
width: 50px;
height: 10px;
top:140px;
left:20px;
}

.h3 {position:absolute;
width: 40px;
}

/* вертикальные элементы */
.v {
width: 10px;
height: 50px;
}

.v1 {position:absolute;
top:170px;
left:20px;
}

.v2 {position:absolute;
top:170px;
left:60px;
}

.h1 {position:absolute;
top:190px;
}

.v3{position:absolute;
top:170px;
left:100px;
}

.h2{
position:absolute;
top:170px;
left:80px;
}

.v4{
position:absolute;
top:170px;
left:140px;
}

.v5{
position:absolute;
top:170px;
left:179px;
}

.v6{
position:absolute;
top:170px;
left:200px;
}

.h3{
position:absolute;
top:210px;
left:200px;
}

/* уголки верх буквы М */
.corner-top {
position:absolute;
left:150px;
top:170px;
border: 15px solid white;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: transparent;
background: none;
}

/Уголок треугольник/
.corner-bottom {
position:absolute;
left:150px;
top:190px;
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
}

/* логотип */
.logo {position:absolute;
top:80px;
left:87px;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
}

2

Ошибки как таковой я не заметила. Могу лишь посоветовать сделать код короче. Например, для элементов с классом .h вы задали свойство position:absolute; Тогда это свойство работает для всех элементов, где этот класс присвоен. То есть не обязательно для элементов с классами с .h1 до .h3 писать его снова. Ведь для элемента например <div class="h h1"></div> сначала будут применены стили h, а потом h1.
Аналогично можно сделать для элементов с классом v.

3

ОШИБКА
.scene {
position:absolute;

должно быть
.scene {
position:relative;