I have a container div that has a width of 350px. But the jCarouselLite images take the whole width of the screen. Why is that?
<html> <head> <script src="jquery-latest.pack.js" type="text/javascript"></script> <script src="jcarousellite_0.3.0.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#carousel").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); </script> </head> <body> <div style="width: 350px;"> <button class="prev"><<</button> <div id="carousel"> <ul> <li><img src="<a href="http://www.domain.com/123.jpg">http://www.domain.com/123.jpg</a>"></li> <li><img src=" <a href="http://www.domain.com/456.jpg">http://www.domain.com/456.jpg</a>"></li> <li><img src="<a href="http://www.domain.com/789.jpg">http://www.domain.com/789.jpg</a>"></li> </ul> <button class="next">>></button> </div> </div> </body> Also, the install link on <a href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#install"> http://www.gmarwaha.com/jquery/jcarousellite/index.php#install</a> doesn't work: <a href="http://www.gmarwaha.com/jquery/js/jquery.jCarouselLite.js">http://www.gmarwaha.com/jquery/js/jquery.jCarouselLite.js</a> Kia