The padding of a `textarea` is always fixed. When the text content of the textarea is scrolled, the padding remains near the edges.

The padding of a `contenteditable` element behaves differently. When the text content of the element is scrolled, the padding moves with it.

[This demo](http://jsfiddle.net/jyuko6gx/) illustrates the difference.

Can a `contenteditable` element by styled so its padding behaves more like `textarea` padding, staying in place while the text content is scrolled?