Image sliding too far?

Permalink
I have an instance of this block on a website I developed and noticed that in IE8 the images slide too far when swapping. Anyone run into this issue?

Here is the site -www.www.childrenoftheworldministries.org...

I've found this issue ONLY in IE.
FatTony1952
View Replies:
GregJoyce replied on at Permalink Reply
GregJoyce
Hi Tony,
Looks like IE does it again... It is not looking right for sure. Are all of your images identically sized? I could see IE possibly ignoring something or being different. It looks almost like one image looks aligned OK on the left and then they get progressively worse.
FatTony1952 replied on at Permalink Reply
FatTony1952
Yes, they are all the same size. When it first loads, the first slide looks fine, but as it scrolls...well...you see what happens.

I tried making the wrapper div a defined value instead of pulling from the image size and I also tried using an <--if IE8--> fix to pad the left side of the div and that didn't work either.
MattWaters replied on at Permalink Reply
MattWaters
It looks like IE is calculating the image width differently than other browsers, so the slider's adding more than -870px to the margin each time to get the image to slide. Maybe it's a default amount of padding? try setting the padding to 0 for the img elements, maybe the li elements that contain the images as well.

It seems like it's a fixed number of pixes that's added again and again, making the gap worse as the slides progress...
FatTony1952 replied on at Permalink Reply
FatTony1952
I tried setting the padding to all of the <ul><li> classes as well as add a 0 pad to the a img property and the issue still exists.
MattWaters replied on at Permalink Reply
MattWaters
Not sure what else I can specifically suggest, other than more trial and error. IE can be a pain...