Carousel adds a useless margin-right to last element

Question

I'm having a problem with caroufredsel that I don't know how to resolve.

Here's the code I use for my carousel :

$("#list" + _i).carouFredSel({
                width: '100%',
                align: 'left',
                items: {
                    visible: 5,
                    width: 'auto'
                },
                scroll : {
                    items: 1,
                    duration: 400,
                    fx: "scroll"
                },
                auto: false,
                next: "#right" + _i
            });

And here's the result :

As you can see there's an awful margin-right set to one of the elements that breaks the whole thing. I can't figure what is causing this =/

Obviously, it works like a charm when I remove that margin :

I suppose this margin is here because otherwise we would see partial images in the carousel. But I want it to be that way.

Halp ?

Version of caroufredsel : Latest

Answer 1

So I found the problem. The lib wasn't the problem at all. Some empty nodes were inserted in the DOM along with the other good ones and they were treated as if they had the same width as the images (good nodes then).

It resulted in the carousel's width being too large and then having a messed up behavior.

Everything is well now :)