Случайное нижнее поле, которого там не должно быть [дубликат] ⇐ CSS

[Anonymous]

это мой HTML-код:

Код: Выделить всё

rock paper scissors




[img]rps-smiling.svg[/img]

и мой CSS:

Код: Выделить всё

body {
background-color: #c0c0c0;
}
#header {
display: flex;
justify-content: center;
border: #808080 4px solid;
}
#face {
background-color: #c0c0c0;
padding: 5px;
border-top: white 4px solid;
border-left: white 4px solid;
border-right: #808080 4px solid;
border-bottom: #808080 4px solid;
}
#image-container {
border: #808080 4px solid;
}

но в браузере (Firefox) я получаю случайное нижнее поле под div (контейнер изображения)
улыбающееся лицо с границей, содержащееся в div с нижним полем, которое там не должно быть

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-be-there