跪求大虾们帮忙看看~~我要怎么改才能做到无缝滚动？？？
<table height="100%">
<tr>
<td>
<img src="../images/case/arrow-prev.png" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"/>
</td>
<td>
<div class="rollBox">
<div class="Cont" id="ISL_Cont">
<div class="ScrCont">
<div id="List1">
<div class="xpic">
<a href="#" title='冯凯' target='_top'>
<img src="../images/Mechanism/5.jpg" width="103" height="107" border="0" />
</a>
<p>
<input type="image" src="../images/Mechanism/Details.gif" value="详情" />
<a href="#" title='冯凯' target='_top'>冯凯</a>
<input type="image" src="../images/Mechanism/call.gif" value="对话"/>
</p>
</div>
<div class="xpic">
<a href="#" title='冯凯' target='_top'>
<img src="../images/Mechanism/6.jpg" width="103" height="107" border="0" />
</a>
<p>
<input type="image" src="../images/Mechanism/Details.gif" value="详情" />
<a href="#" title='冯凯' target='_top'>冯凯</a>
<input type="image" src="../images/Mechanism/call.gif" value="对话"/>
</p>
</div>
<div class="xpic">
<a href="#" title='冯凯' target='_top'>
<img src="../images/Mechanism/7.jpg" width="103" height="107" border="0" />
</a>
<p>
<input type="image" src="../images/Mechanism/Details.gif" value="详情" />
<a href="#" title='冯凯' target='_top'>冯凯</a>
<input type="image" src="../images/Mechanism/call.gif" value="对话"/>
</p>
</div>
<div class="xpic">
<a href="#" title='冯凯' target='_top'>
<img src="../images/Mechanism/2.jpg" width="103" height="107" border="0" />
</a>