.topmenu, .submenu {
  margin: 0;
  padding: 0;
  list-style-type: none; /*удаление маркеров списка*/
}

.topmenu {
    height: 30px; /*без добавления высоты список будет проигнорирован браузером и контент,*/
    /*следующий за списком, будет обтекать меню*/
    background-color: rgb(236, 176, 127);
    padding-left: 25px;
    min-width: 900px; /*при сжатии меньше этой ширины у браузера появится ползунок*/
}

.submenu {
    display: none; /*убираем из видимости подпункты*/
    background-color: blanchedalmond;
    position: absolute;
    top: 100%; /*для отображения меню точно под ссылкой*/
}

.topmenu li:hover ul {
    display: block; /*при наведении отображаем подпункты блоком*/
}

.topmenu li {
    float: left; /*элементы списка с ссылкой плавающие*/
    position: relative; /*чтобы выпадающее меню не смещало контент*/
    height: 100%;
}

.submenu li { /*элементы списка, содержащие подпункты*/
    float: none; /*для отображения друг под другом*/
}

.topmenu li a {
  display: block;
  padding: 6px;
  width: 100px;
  color: #000000;
  text-decoration: none;
  text-align: center;
}

.topmenu li:hover {
    background-color: blanchedalmond;
}

.submenu li:hover {
    background-color:  rgb(236, 176, 127);
}

img {
    border: 5px solid #941212
}