Por que minha div dentro de um intervalo não funciona corretamente?

Estou escrevendo o seguinteHTML marcação:

<span> Some Text
    <div id="ch">татата</div>
</span>

e estilos:

span{
    border: 1px solid black;
    text-align:center;
    width: 300px;
    height: 300px;
    background: aqua;
}
#ch{
    width:100px;
    height:100px
    background: yellow;   
}

jsFiddle

Porque é oheight propriedade não aplicada a umdiv elemento que dentro dospan, mas a largura é aplicada?Por que a borda direita do meuspan está desaparecido?

questionAnswers(6)

yourAnswerToTheQuestion