Solved

css menu problems

Posted on 2011-03-02
1
303 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 500 total points
ID: 35021574
Your
#top_nav li a
has a line-height: 20px;
remove it or adjust it to 38px;
0

Featured Post

Increase Agility with Enabled Toolchains

Connect your existing build, deployment, management, monitoring, and collaboration platforms. From Puppet to Chef, HipChat to Slack, ServiceNow to JIRA, Splunk to New Relic and beyond, hand off data between systems to engage the right people.

Connect with xMatters.

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

696 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