Dejar fijo un elemento al hacer scroll

[marodal]

Hola a todos,

Tengo un div y un elemento span situado a la derecha del div, con unas propiedades css determinadas, para que este span haga las funciones de separador de contenedores. El div contiene datos de forma que hay ocasiones en que aparece un scroll horizontal. Pues bien, al hacer scroll, el span se me mueve hacia la izquierda. He probado de todas las formas posibles, modificando tanto las propiedades css, como usando jquery, pero no consigo que permanezca fijo al hacer scroll.
Estas son las propiedades css del div y del span:
div{
width: 23%;
float: left;
height: 55%;
height: 410px;
overflow: auto;
}
span{
position: absolute;
top: 0;
right: 0;
background-color: #EEE;
height: 100%;
display: block;
float: right;
width: 4px;
cursor: col-resize
}

Espero que alguien pueda darme una solucion, estaría muy agradecido.