em navegadores webkit digitando em caixa de edição faz com que a rolagem

Eu tenho um problema com a marcação de site nos navegadores WebKit (Chrome e Safari), ou seja, quando eu digito algo na caixa de edição do controle deslizante direito, ele rola a área à esquerda.

Por favor, dê uma olhada no seguinte exemplo:
http://jsbin.com/obiyec/7
http://jsbin.com/obiyec/7/edit - código html (entrada está dentro de div com id = "paleta")

Abra o próximo link no Chrome ou no SafariDigite algo na caixa de edição no canto superior direitoObserve que a barra de rolagem na área esquerda muda

É muito improvável que altere essa marcação radicalmente, se possível

Q. Como evitar que a barra de rolagem mude e faça com que ela se comporte da mesma forma que no FF?