Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

css menu problems

Posted on 2011-03-02
1
Medium Priority
?
320 Views
Last Modified: 2012-05-11
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
Comment
Question by:james130c
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 2000 total points
ID: 35021574
Your
#top_nav li a
has a line-height: 20px;
remove it or adjust it to 38px;
0

Featured Post

Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question