Я получаю 404 ошибки с изображениями Fancybox

Я получаю 404 ошибки в моем журнале, связанные с fancybox.

/products/product1/fancybox/fancy_shadow_se.png
/products/product1/fancybox/fancy_shadow_ne.png
/products/product1/fancybox/fancy_shadow_n.png
/products/product1/fancybox/fancy_nav_right.png
/products/product1/fancybox/fancy_close.png

Все эти png ссылаются на файл fancybox css. Например:

.fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

У меня fancybox установлен в этом месте:

/js/fancybox/

Коробка появляется вся красивая и красивая.

Так что же не так? Я не могу понять. CSS выглядит правильно, и я думаю, что установил его в нужном месте. Неправильным решением было бы указать абсолютные пути в файле CSS. Есть другие идеи?