I'm having some issues with trying to make a certain site cross-browser compliant. It's very strange because it works to some degree on my PC on 3 different browsers - Netscape 8.1.2, Firefox 188.8.131.52, and Internet Explorer. However, the client I am doing this for has Firefox 184.108.40.206 (exactly the same version I do), and it does not work correctly on his browser.
I have a test url up: http://www.sennheiserusa.com/newsite/category_NEW012507.asp?transid=cat90
From what I've been able to assess, the code was attempting to trigger a mouseover event when a table object is rolled over. I changed it so that the event was triggered when the image was rolled over, but it still doesn't work quite right.
There's certain parts of the image that just don't trigger the event in Firefox and Netscape. It works perfectly in Internet Explorer though. It is basically 1 transparent .gif image, with the table cell background color changing and a hidden div layer becoming visible/having text associated with it on the mouseover/mouseout event
Also, the mouseover code does not work in Safari, but that's a whole other issue. If you could give me pointers for that I'd appreciate it too.
Note added: I further analyzed the site, and discovered that there is a hidden layer directly over the problem area that only shows up if you're using an older browser. I have removed it and the mouseovers appear to be working properly. Is there a way I could have left it there and had them work more reliably?