Cuando comienzo a escribir texto en el área de texto, quiero que el div externo, con un cuadro de clase, tenga su borde sólido en lugar de discontinuo, pero de alguna manera: el foco no se aplica en este caso. Si funciona con: active, ¿cómo es que no funciona con: focus?

¿Alguna idea de por qué?

(Nota. Quiero que el borde del DIV se vuelva sólido, NO las áreas de texto)

div.box
{
    width: 300px;
    height: 300px;
    border: thin dashed black;
}

div.box:focus{
    border: thin solid black;
}

<div class="box">
    <textarea rows="10" cols="25"></textarea>
</div>