Hi there!

I recently started looking at jquery as alternative to flash sliders, so Im at the very beginning so to speak.

Anyhow I have this odd problem with the images not lining up inside the slider in chrome.. and I was wondering if someone could point me in the right direction as to is it my css or something I need to add in the script lines? It doesnt even happen every time which is why Im so confused!

Its not an important matter Im just interested to find out why this could be in chrome only?!

http://imgur.com/pOGS9

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>

<div id="example">
<div id="slides">
<div class="slides_container">
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 1"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 2"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 3"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 4"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 5"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 6"></a>
<a href="xxx.com" title="xxx" target="_blank"><img src="img/80.jpg" width="570" height="270" alt="Slide 7"></a>
</div>
<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>