I’m trying to get this menu working with IE (mainly 9+ atm) and am having trouble. There seems to be some weird padding issue that I can’t seem to track down. Any ideas?
Here is the JS Fiddle: http://jsfiddle.net/Ztzn6/
IE Verion:

Chrome Version:

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Add
vertical-align: top;to your second rule group (the one withdisplay: inline-block). You’re running into some fun rules about how line-boxes and inline elements work, IE seems to be using a different default behavior.