¿Porqué me deja padding?

[AubeRoseau]

Hola, tengo este código html:

Código HTML:

<div id="contenedor">
        <h2> Texto</h2>
    </div>
 

Y esta hoja de estilo:

Código CSS:

#contenedor {
    width: 500px;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
}
 
h2 {
border: 1px solid red;
}
 

El resultado es este:



Si al contenedor le he asignado padding 0, ¿porqué me deja esa separación entre los elementos?