Hola, tengo este código en mi web:
<div onclick="expandcontent('sc1')" style="z-index: 4;font-family: Arial;font-size: 14px;font-weight: bold;outline: none;text-align: center;background-image: url(http://www.addictools.com/images/fav.gif);outline: none;background-repeat: no-repeat; left: 0px; top: 0px; cursor:pointer;position: absolute;margin-top: 60px;width: 100px; height: 29px;"><div style="font-family: Arial;z-index: 4;margin-top: 4px;">Quick links</div></div>
<div style="outline: none;font-family: Arial;font-size: 13px;left: 0px;z-index: 4; top: 0px;position: absolute;margin-top: 86px; width: 181px; display: none;" id="sc1"><div style="background-image: url(http://www.addictools.com/images/up.png); width: 200px; height: 40px;background-repeat: no-repeat;"></div><div style="background-image: url(http://www.addictools.com/images/scroll.gif);max-height: 503px;width: 181px;overflow-x: hidden; overflow-y: auto;">
Pero no consigo hacer un background al overflow, ya que cuando aumento el width (de 181 a 191), se ve un poco de background, pero el overflow no le aplica el background, solo al width que queda en medio, no se si me explico. No he conseguido que el overflow (barritas de desplazamiento), tengan fondo, ya que, "se comen el fondo".
Saludos.