Hi,
Well we have a problem in making the marquee images scrolling continuously . though it works fine, there is a big gap after the last image.. how to avoid this?

<h5>Featured clients</h5>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3">

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471764317.jpg" alt="Bel-aqua" title="Bel-aqua" width="212px" height="50px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-copy-e1364471789890.png" alt="Foliage Design Systems" title="Foliage Design Systems" width="134px" height="50px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471808306.png" alt="Sinop" title="Sinop" width="119px" height="50px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo.png" alt="Habatatgalleries" title="Habatatgalleries" width="389px" height="50px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo11.png" alt="ChefsMart" title="ChefsMart" width="274px" height="54px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logoalt.png" alt="Preval" title="Preval" width="198px" height="54px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/veloshine.png" alt="Veloshine" title="Veloshine" width="160px" height="62px"/></a>

<a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/daka_medical_logo-e1364472875993.jpg" alt="Daka Medical" title="Daka Medical" width="135px" height="50px"/></a>
</marquee>