Why doesn t my div inside a span work properly

Question

I'm writing the following HTML markup:

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

and styles:

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

Why is the width attribute applied to a div element inside a span but not the height property?
Why is my span missing its right border?