Drop shadow and title bar do not render properly in FF or Opera

I have the same problem!!

Out of the package (clean module install) without changing anything on "admin/settings/fancyzoom"

FireFox 3.0.1 on Mac OS X 10.5.4 working with drupal 6.4:
-Cabel's website is showing correct title but not the leftside shadows (it instead shows a white line)
-Drupal 6.4 site is showing same problems (as mentioned above by pasada, look at fancy.jpg) with title and all shadows

Safari 3.1.2 on Mac OS X 10.5.4 working with drupal 6.4 doesn't have the same problems:
-Cabel's website shows well both title and shadows
-Drupal 6.4 site is showing correct shadows but bad title (as mentioned above by pasada, look at fancy.jpg)

So i think this is a BIG bug from the design, also under the module's code from slurslee

Need HELP!!

I'm having the exact same problem in firefox and safari, haven't checked other browsers, but it looks like a universal problem.

same problem here, really needs to be fixed!

I think this is somehow abandoned. Since August 21, 2008 with no response, why?
Where is the fix? and where is Scott Lahteine slurslee?

Anyone seen him anywhere?

I of course stopped using this module.

The issue come's from Drupal's built in default CSS. I'm going to see if I can clear the styles on it or something....

I use a Zen sub theme, so there might be some other CSS definitions in other themes that need to be overridden.

But if you put the the following CSS in your theme's CSS file it should take care of most of everyone's issues. I'm still having some issues where a little border shows at the bottom of some images. I can't seem to get this to completely go away. But it's good enough for me.

  #ShadowBox tr, #ShadowBox td, #ZoomCapDiv tr, #ZoomCapDiv td
  {
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0px;
  padding:0;
  height: auto;
  vertical-align: center;
  }
  #ShadowBox table, #ZoomCapDiv table
  {
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  padding: 0px;
  border-collapse: separate;
  margin:0;
  height: 100%;
  }
  #ZoomBox
  {
  margin: -1px;
  }

Thanks! That seems to fix the problem for me here.

thanks for this css fix!

great fix thanks

Congratulations all on solving this issue. Personally I haven't been getting notifications from drupal.org, and other projects have been taking precedence lately. Thanks for the CSS that fixes things. I'll incorporate it into the next release.

Check the latest version of FancyZoom which includes inline CSS overrides to negate overly-broad CSS rules. Check against your themes, and if the issue is gone this bug will be closed.