HTML. CSS. Textarea выходит за пределы родительского DIV

Textarea имеет в CSS ширину 100%, однако выходит за пределы родительского DIV.
Если обнулить padding и border, тот всё нормально, но border мне нужен!

textarea {
    width: 100%;
    padding: 0;
    border-width: 0;
}

Есть ещё вариант, указать явно максимальную ширину в пикселях:

textarea {
    width: 100%;
    max-width: 496px; // вместо 500px = 100% 
    resize: none;
}

Такой вариант тоже не катит, так как по разному поведёт себя на разных экранах.
Тема вроде обсуждаемая, но толкового ответа не нашёл.