IE8 slider "bounces" on hover with additional margin or padding

[bghouse]

I've spent the last couple hours pulling my hair out with IE8.

I have a manufacturer logo slider on the homepage (fsbdev.xigko.com).

In IE8, and only IE8, hovering over the images in the slider causes a margin or padding issue - like a collapse maybe. It causes items to jump up and down.

If you hover over the products underneath this slider, it also makes everything jump.

Things I tried in troubleshooting:

• updated to latest version
• removed the slider all together - nothing "bounced" in IE8
• works perfectly fine in Firefox, Chrome, Safari, Opera and IE9
• currently turned off infinite and auto play
• a gazilion css things that didn't work at all.

I have got to be missing something here, and it's making me mental :-) Any ideas to help me?

[Mottie]

Wow, I spent way too much time trying to find this issue... curse you IE8! Sadly, I haven't, yet, found the source. It looks like it might be a margin that is added on hover, but for the life of me I can't find it. Sorry, I'll try again tomorrow.

[bghouse]

Thanks! I'm with you, IE8 gives me more grief than anything else ;-) I thought about the margin on hover also, but couldn't find it either....

[bghouse]

I solved it! The content box above it had a float:left. Removing that made the content box under it with the slider stop bouncing. No idea why really, as I had the exact same implementation on a different site, with the float, and it doesn't bounce. Very, very weird....

[Mottie]

Whew! That's a load off my mind... and I'm sure yours too! :dancers: