i'm using jcarousel and i put more than 10 li elements and what is happending is the items are overlapping.

let me show you what i mean

http://iaddesignandstudio.com/jcarousel/

i want to show one item at a time but it shows 2 or 3 i noticed once i get passed 10 li elements that is when the overlapping occurs.

let me know how it can be fixed


thanks

__________________
no signature set

can someone help me please? ill do anything

__________________
no signature set

The ul element surrounding the list items has a width of 9999 pixels. Because of this, the floated list items will be wrapped onto a new line as you can see. Set the with of the ul to something bigger than a single line of lis will ever be (like 100,000 pixels).

salath, i love u lol.
thank you for that.

are the li elements inline? for it to had been overlapping like that? i haven't really analyzed its code yet since i have been trying to complete it for a client. but if the elements are inline then that makes sense.

thank you again :)

__________________
no signature set

The li elements are floated. If there are too many floated elements to display horizontally for any given width, they'll wrap onto a new line just like inline elements do.

P.S. Use Firebug (either full one or Firebug Lite with non-Firefox browsers) to "inspect" what's going on.