Código:
<HEAD>
<STYLE>
body{background: black; color: red}
#contenedor{background: transparent
url("http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif"); height:50px; }
#deslizable{height:50px; overflow:auto}
#datos{background:transparent; border:5px solid red; font-weight:900}
</STYLE>
</HEAD>
<BODY>
<div id=contenedor>
<div id=deslizable>
<table id=datos>
<tr><td>QWERTYUIOP</td><td>QWERTYUIOP</td><td>QWERTYUIOP</td></tr>
<tr><td>QWERTYUIOP</td><td>QWERTYUIOP</td><td>QWERTYUIOP</td></tr>
<tr><td>QWERTYUIOP</td><td>QWERTYUIOP</td><td>QWERTYUIOP</td></tr>
<tr><td>QWERTYUIOP</td><td>QWERTYUIOP</td><td>QWERTYUIOP</td></tr>
</table>
</div>
</div>
</BODY>
Aquí el ancho es de 100% porque lo estoy probando en
IE, en realidad en ese navegador se ajustaría sólo; pero creo que en
Mozilla no, por eso lo dejo con el ancho máximo y tú lo adaptas.
En el ejemplo de arriba debe estar cómo hacerlo.