关于jquery.scrollShow.js

一旦我为a标签添加ID，这个scroll的效果就会消失。
jQuery(function( $ ){
//borrowed from jQuery easing plugin
$.easing.backout = function(x, t, b, c, d) {
var s=1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
};
$('#screen').scrollShow({
view:'#view',
content:'#images',
easing:'backout',
wrappers:'crop',
navigators:'a[id]',
navigationMode:'sr',
circular:true,
start:0
});
html：
    <ul id="screen">
      <li>
       <a id="left" href="#" hidefocus="true" style="outline:none;"><img src="images/arr_l0.gif" alt="picture" width="38" height="38" border="0" /></a>
      </li>
      <li id="view">
        <ul id="images">
          <li><span><img src="images/screen_11.gif" alt="picture" /><a href="#" >1</a><br />
<br /></span></li>
  <li><span><img src="images/screen_12.gif" alt="picture" /><a href="#" >2</a><br />
<br /></span></li>
  <li><span><img src="images/screen_3.gif" alt="picture" /><a href="#">3</a><br /> 
<br /></span></li>
          <li><span><img src="images/screen_23.gif" alt="picture" /><a href="#">4</a><br />
<br /></span></li>
          <li><span><img src="images/screen_22.gif" alt="picture" /><a href="#">5</a><br />
<br /></span></li>
        </ul>
      </li>
      <li>
       <a id="right" href="#" hidefocus="true" style="outline:none;"><img src="images/arr_r0.gif" alt="picture" width="38" height="38" border="0" /></a>
      </li>
    </ul>