Tengo un problema con el marcado del sitio web en los navegadores WebKit (Chrome y Safari), es decir, cuando escribo algo en el cuadro de edición del deslizador derecho, se desplaza por el área izquierda.

Por favor, eche un vistazo al siguiente ejemplo:
http://jsbin.com/obiyec/7
http://jsbin.com/obiyec/7/edit - código html (la entrada está dentro de div con id = "palette")

Abre el siguiente enlace en Chrome o Safari.Escribe algo en el cuadro de edición en la esquina superior derechaObserve que la barra de desplazamiento se desplaza en el área izquierda

Es muy poco probable que cambie este marcado radicalmente si es posible

P. ¿Cómo evitar que la barra de desplazamiento se desplace y hacer que se comporte de la misma manera que en FF?