Avatar of JenaL2
Flag for United States of America asked on

Problem with Spry Widget CSS causing Display To Be Different in IE and Firefox

The website www.diversions-cda.com uses a horizontal spry widget. I can't figure out why in IE, when the nav link is being hovered, the vertical width is different in IE than in Firefox. The vertical width is a little too narrow in Firefox but a little to wide in IE. I want the width to just fit into the nav bar width.

Also, the offset of the pull down called "Products" is also offset differently in the two browsers. In IE, the offset looks to be nearly 50% and in Firefox, the offset is nearly 0%.

Any idea how to control these?
CSSAdobe Dreamweaver

Avatar of undefined
Last Comment

8/22/2022 - Mon

The vertical space looks the same in both browsers. I've checked IE 7, 8 and FF.
In that, the hover is state is slightly taller. What tool are you using to measure the vertical space?

The offset could be wrong due to you using em for the positioning and not having a reset css in your code. Each browser has it's own specification as to what exactly is "default". Therefore 1em in FF will probably not equal 1em in IE.

I didn't know the em positioning was different in the browsers.
How do you do a "reset css" in my code?


p.s. Sorry for the delay in my response. I've been on vacation all week.

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question

All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck