Использование :focus для стиля внешнего div?

Когда я начинаю писать текст в textarea, я хочу, чтобы граница внешнего div с классом box стала сплошной, а не пунктирной, но почему-то :focus в этом случае не применяется. Если это работает с :active, то почему это не работает с :focus?

Есть идеи, почему?

(Примечание. Я хочу, чтобы граница DIV была сплошной, а не текстовой области)

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>