Solved

css menu alignment problem

Posted on 2013-01-31
4
221 Views
Last Modified: 2013-01-31
In IE9 the drop menu is pushed way over to the right,  Seems fine in other browsers.

How can I make it align properly in IE9 as it does in safari, ff, and chrome?

I`ve posted the url in an image because I dont`want it indexed in google.sample
0
Comment
Question by:tf2012
4 Comments
 
LVL 30

Assisted Solution

by:LZ1
LZ1 earned 50 total points
Comment Utility
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 50 total points
Comment Utility
While you are fixing the errors, you might also try going to a strict doctype instead of transitional to make sure you keep IE out of quirksmode.

Cd&
0
 
LVL 21

Accepted Solution

by:
Kim Walker earned 400 total points
Comment Utility
First, make sure you don't have IE in compatibility mode which makes it behave as IE8.

You may also try using left: 0 instead of left: auto for the hovered state. Earlier versions of IE tend to use a relative position as the bottom right corner of the previous element rather than immediately under the previous element.
0
 
LVL 1

Author Closing Comment

by:tf2012
Comment Utility
hey! left:0 worked!

thanks
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

771 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

10 Experts available now in Live!

Get 1:1 Help Now