.scroller{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.scroller ul{
    display: inline-block;
    position: relative;
}
.scroller-arriba,
.scroller-abajo{
    border: 0;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    width: 30px;
}
.scroller-arriba{
    background: url("arriba-up.jpg");
    top: 0;
}
.scroller-arriba:hover{
    background: url("arriba-over.jpg");
}
.scroller-abajo{
    background: url("abajo-up.jpg");
    bottom: 0;
}
.scroller-abajo:hover{
    background: url("abajo-over.jpg");
}