• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 326
  • Last Modified:

css menu problems

Hi there,

I am creating a website and have a css menu which works fine for me in (ie 5/6/7)(firefox)(google chrome)(safari) but IE 8+ Is displaying the menu differently making the drop down not work.

The menu links and seperators seem aligned to the top? where as in safari for example they are roughly in the middle. I am not sure why this is yet. I have tried a lot of things and just cant pin point the problem. Changing padding and margins make no difference.. only makes the working website display different in the bowsers it works in.

I will add screen images to show you whats happening. Thanks.

Working - Dropdown menu displays fine and can hover over it and select other links etc.

Not working - Links displayed wrong and dropdown menu close as you try to hover over it (like its too far away from the main link)

http://www.lilkixx.co.uk/lilkixx/ working image notworking
0
james130c
Asked:
james130c
1 Solution
 
Lukasz ChmielewskiCommented:
Your
#top_nav li a
has a line-height: 20px;
remove it or adjust it to 38px;
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now