opacity in IE not fixing

[endie]

Hi,

First off awesome slider, loving how light it is, I'm just being a bit anal with making it match cross browsers.

I've tried implementing the fix for the opacity in IE (grrr) on the caption background listed on your zurb/playground site but cant get it to work at all (it doesn't seem to work on the demo included in the download package either), if apply the css to orbit-wrapper it works to make the whole images semi transparent but not when I apply it just to the caption. I'm using ie8 and this is the code I have at the moment after A LOT of googling and messing about;

This makes the the caption background completely transparent, and removing the background: transparent makes it solid again. Any help with this would be greatly appreciated, thanks.

[utilityboy]

It would seem that the animation of the caption is breaking the opacity style. I'm going to look into this a little more, but using some css like this:

   lt-ie8 .orbit-wrapper .orbit-caption {zoom: 1; background: #fff; filter: alpha(opacity=50); }

works if you set initialize Orbit with this parameter:

   captionAnimation: 'none'