Link to home
Start Free TrialLog in
Avatar of gospelgeezer
gospelgeezer

asked on

How do I identify problem with menu links not working in certain browsers?

I am in the process of setting up a personal website (i'm not a professional developer) and I have encountered a small problem which I need to fix. However, I can't figure out how to do this.

I have small menu at the top of my site www.gospelgeezer.net (About / Contact / Get Involved) and since I have added a small twitter module in the absolute position (top left hand side), the links in my menu do not work in Firefox or Safari - but they still work in Internet Explorer.

Is there a test I can run to identify the cause of the problem? If so, how do I do this?
Avatar of Rommel Sultan
Rommel Sultan
Flag of Canada image

You can use Firebug for firefox.

My initial findings for that issue is that your Twitter Table was sitting on top of your Menu.
If we can bring the menu down a little bit it should work or brint it on top of the layer.
SOLUTION
Avatar of user_n
user_n
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
The result of Total Validator contains:
  The matching end tag appears to be missing:
         <div id="page-body">
For this issue. I did confirmed that Your Twitter module was in front of your toolbar.

Let bring your toolbar to the top.

Edit your layout.css from your template and add this line under div#toolbar

z-index: 1;
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of gospelgeezer
gospelgeezer

ASKER

I'm really impressed with all the answers.
Many thanks