Zufälliger unterer Rand, der nicht vorhanden sein sollte [Duplikat] ⇐ HTML

[Guest]

Das ist mein HTML-Code:

Code: Select all

rock paper scissors




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

und mein CSS:

Code: Select all

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;
}

aber im Browser (Firefox) erhalte ich einen zufälligen unteren Rand unter dem Div (Bildcontainer)
ein lächelndes Gesicht mit einem Rand, der in einem Div mit einem unteren Rand enthalten ist sollte nicht da sein