Как добавить отступы в текстовое поле, не увеличивая ширину?

У меня возникли проблемы с установкой ширины элемента textarea и использованием заполнения с помощью CSS. Кажется, что значение заполнения изменяет ширину текстового поля, чего я бы предпочел не делать.

Это мой HTML-код:

<div id="body">
    <textarea id="editor"></textarea>
</div>

И мой CSS-код:

#body {
    height:100%;
    width:100%;
    display:block;
}

#editor {
    height:100%;
    width:100%;
    display:block;
    padding-left:350px;
    padding-right:350px;
}

Однако значения заполнения не отображаются работать, как и следовало ожидать. Ширина текстового поля увеличивается на 350 пикселей в обоих направлениях, а не определяется пространство между границами элемента и его содержимым.

Я рассматривал возможность центрирования текстового поля, установив поля на «0 пикселей автоматически», но я хотелось бы, чтобы пользователь по-прежнему мог прокручивать текстовое поле, если курсор мыши находится над одним из пустых полей. По той же причине я не могу добавить еще один div в качестве оболочки, поскольку пользователь не сможет прокручивать пустые области, а только текстовое поле без полей.

Кто-нибудь может помочь?