html - 无需滚动即可滚动的单行 Contenteditable DIV

Question

此 CSS 应用于 Firefox 15 中的 contenteditable DIV（在 BODY 内）。我期待当我输入该字段时，该字段将充满文本并开始自动水平滚动（不显示滚动），以便插入符号和最后输入的文本是可见的，但我不是这种情况。

有任何想法吗？

.al-field {
background-color: pink;
white-space: nowrap;
overflow: hidden;
width: 200px;
height: 20px;
}