Changing sizes of thumbnails - scrolling does not work properly

Hello,

I wonder if you can help me with my problem.

I need to create the jcarousel-block with thumbs that have different widths and height of 227px.

What I did:

I changed the css to this:

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 720px;
padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 720px;
height: 229px;
}

.jcarousel-skin-ie7 .jcarousel-item {
height: 227px;
border: 1px solid #fff;
}

.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 345px;
height: 227x;
}

Then, in the jcarousel_block.tpl.php I changed this line (Added the style to the li tag:

print $image['width'] . "px";"> print $image['path'] " rel=" print $image['rel']; "> print $image['width'];" height=" print $image['height'];" alt=" print $image['alt'];" src=" print $image['thumb_path'];" />

Now, the thumbs show perfectly, but when I scroll, it skips some thumbs, for example, if I have thumbs: a, b, c, d, e, f First I see a and b, when I scroll to the right, it skips thumb c and displays thumbs d and e.

Can you please help me and tell me what else do I need to change?

Thank you very much,

Sigal