Hi everyone,

I have recently started using jQuery on a few of my sites. It seems to
work perfectly for internet explorer and safari, but mozilla firefox
seems to always be a little funny.

My most recent problem - can be seen here <http://
www.cafenation.com.au/products.php/medium-roast-freshly-roasted-coffee>

There are different issues with both Mac and Windows. Lets look at the
mac issue first. Firefox 2.0.0.6 - when you mouse over the 'Related
products' div down the bottom, it calls (via hover) a fadeto 1, then
on mouse out it calls a fadeto 0.4. The problem with firefox on the
mac is that it fades out some of my text too! The text is not in the
div, and it only effects the text shown on the screen, scroll up and
the text that was previously hidden is fine. Some kind of redraw
issue.

The problem on the windows box is slightly different. Also 2.0.0.6, on
win xp, this is an issue I have had before (and never resolved) - same
page, same element, all works as it should, except the div jumps up
2-3 pixels every time I mouse over it.

I'd love some help with this one, I am stumped. The page validates, my
code is pretty clean (although this is fairly old code - I am
revisiting this site after not looking at it for a while)

I love jQuery, its a fantastic framework. I'm not sure these issues
are the fault of it or firefox, but something funny is going on!

Anyway help is greatly appreciated.

Cheers everyone,

Lee

Reply via email to