Solved

css menu problems

Posted on 2011-03-02
1
297 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
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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

816 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now