Вроди получилось:
.div_fon {background: url(image/imgg.gif); background-repeat: no-repeat; width: 251px; height: 147px}
<table border="0" cellspacing="10" align="center">
<tr>
<td><span id="down" onclick="document.getElementById('t1').scrollLeft = document.getElementById('t1').scrollLeft-251;">Назад</span></td>
<td>
<div id="t1" style="width: 520px; height: 300px; overflow: hidden; content: '\2026'; position: relative; z-index: 2; white-space: nowrap;">
<div style="float: left; position: absolute" class="div_fon"> 111 </div>
<div style="float: left; position: absolute; margin-left: 251px" class="div_fon"> 222 </div>
<div style="float: left; position: absolute; margin-left: 502px" class="div_fon"> 333 </div>
<div style="float: left; position: absolute; margin-left: 753px" class="div_fon"> 444 </div>
</div>
</td>
<td><span id="up" onclick="document.getElementById('t1').scrollLeft = document.getElementById('t1').scrollLeft+251;">Вперед</span></td>
</tr>
</table>
Спасибо всем