Cycle2 '-'

eae,

então eu to fazendo slide namoral aqui e ta dando meio que um "lag" se liga quando a transição começa

/applications/core/interface/imageproxy/imageproxy.php?img=http://img46.imageshack.us/img46/8928/ryjk.png&key=6104bfc8ba77b5e4dabefc2c67eec2ac5fb0961f6df0ead9551978d97abf3851" alt="ryjk.png" />

o correto teoricamente seria passa sem "aumentar um width ai

/applications/core/interface/imageproxy/imageproxy.php?img=http://img716.imageshack.us/img716/3440/nwh0.png&key=7f8240bcbfa55491750d4686ceee392c1f458f60379bab7b65c4360ae1d64923" alt="nwh0.png" />

meu html

<div class="boxslide cycle-slideshow" data-cycle-fx="tileBlind" data-cycle-pager=".controls" data-cycle-pager-template="<a href=javascript:;></a>" data-cycle-tile-vertical=true>

<img src="images/teste.jpg" alt="">
<img src="images/teste.jpg" alt="">
<img src="images/teste.jpg" alt="">
<img src="images/teste.jpg" alt="">

</div>

e meu css

#boxin .siteleft .boxslide{width:345px;height:521px;background: url(../images/box_slide.png) no-repeat;margin: 100px 0 0 20px;}
#boxin .siteleft .boxslide img{width:326px;height:502px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin:7px 0 0 7px !important;}
#boxin .siteleft .controls{width:13px;float:left;float:left;margin:390px 5px 0 0;}
#boxin .siteleft .controls a{width:13px;height: 10px;background:#3D85CF;float:left;margin:6px 0;}
#boxin .siteleft .controls a.cycle-pager-active{background: #CB57AB;}
biblioteca ; http://jquery.malsup.com/cycle2/demo/tile.php