Fancybox - arrows not showing in IE

[virtual 3]

I am having a problem with fancybox. It's working perfectly in most browsers except of course IE. It does work in IE7 and 8 but the left and right arrows and closing X don't show up. Has anyone had this problem and did you find a solution?

[newseed 13]

You can go to Fancybox Google Groups and read this topic to help resolve your problem.

[cara 0]

look at the bottom of the fancybox style sheet, you will see a section that looks like this:

 

/* IE */

#fancybox-loading.fancybox-ie div    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scripts/fancybox/fancy_loading.png', sizingMethod='scale'); }

 

change all the src locations for the alpha image loader to an absolute reference, ie http://www.mysite.com/images/pic.png

[virtual 3]

Thank you so much both of you, it worked like a charm.