Hey, I recently made a website for someone which required a healthy amount of javascript and html integration in order for the user to display what content they saw. In simple - showing and hiding panels on a website. It works fine in IE however firefox has a habit of displaying every element on the page as a link. When you hover over it it has an underline or a box round it. Everything works the same however it is just annoying and looks unprofessional when everything looks like it can be clicked. Any ideas as to what causes this?? PS if you want a code preview then I may need to shorten the site down in order to portray the problem but just ask if you want.
If I would have to guess, it would be there's a </A> tag missing or a ' " missing in your javascript. I would have to see the code itself to know for sure.
here is the url: x2i.uk.tt (PS I know my coding is sloppy and i apologize - i whipped it up as quick as I could lol)
Looks fine to me in IE, Firefox, and Opera. Can you post a screenshot of what you're seeing? Also, if you have the time you should really get around to validating your code, which may be what's causing the problem in the first place.
I just took a screenshot although it isnt very informative. Basically The underline defines that there is a link present when in reality there shouldn't be. It does it with 90% of all the elements on the page in firefox. I am also aware that the panels do not expand/collapse at all. I think to be honest I need to re-code it to deal with both FF and IE.
It has something to do with your CSS, if you disable CSS all together, you'll see that it doesn't happen anymore. I don't think you can put :hover, you have to put A:hover.
Indeed, it's IE's fault that it doesn't apply :hover to every element, and you make use of it. Firefox nor Opera limits the :hover pseudoclass to anchors.