barra de scroll horizontal arriba de un div

[NSD]

hola amigos, les comento lo que quiero hacer, tengo un div con mucho contenido a lo ancho, asi que le puse overflow-x:auto; y se scrollea horizontalmente, pero el navegador por defecto pone la barras abajo (horizontal) derecha (vertical) hay alguna forma de cambiar o emular ese efecto? es decir que la barra funcione como lo hace ahora, pero que este arriba del div. muchas gracias.


Me olvide de poner codigo. Actualmente probe esto:

Código CSS:

ul  
{ 
        width: 160px;
        display: block;
        white-space: nowrap;
         overflow: auto; 
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}
li
{ 
    width: 80px;
    display: inline-block;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
 

Código HTML:

<div>
   <ul>
     <li>one</li><li>two</li><li>three</li><li>four</li>
   </ul>
 </div>
 

y "funciona" osea la barra estaria arriba y si apretas y arrastras anda, peroooooo ¡No se muestra! ¡Esta invisible!

en webkit si agrego estas lineas:

Código CSS:

::-webkit-scrollbar 
 {
    width: 10px;
    height: 10px;
 }
::-webkit-scrollbar-thumb 
 {
    background: #4A4A4A;
    border-radius:1px;
 }
 

anda genial, pero, y en los demas motores?