<div>
The vertical space looks the same in both browsers. I've checked IE 7, 8 and FF. <br />
In that, the hover is state is slightly taller. What tool are you using to measure the vertical space?<br />
<br />
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 &quot;default&quot;. Therefore 1em in FF will probably not equal 1em in IE.
</div>


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.

<div>
I didn't know the em positioning was different in the browsers. <br />
How do you do a &quot;reset css&quot; in my code?<br />
<br />
Thanks,<br />
Jena<br />
<br />
p.s. Sorry for the delay in my response. I've been on vacation all week.
</div>


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

Thanks,
Jena

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

<div>
<div class="content wysiwyg-content">
The website <a href="http://www.diversions-cda.com" rel="ugc">www.diversions-cda.com</a>&nbsp;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.<br />
<br />
Also, the offset of the pull down called &quot;Products&quot; 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%.<br />
<br />
Any idea how to control these?<br />
Thanks,<br />
Jena
</div>
</div>


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?
Thanks,
Jena

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

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Adobe Dreamweaver is a web development tool featuring both WYSIWYG and code editors that allow the user to quickly and easily build websites in a wide variety of languages, including ASP, ASP.NET, ColdFusion and PHP. It also offers support for CSS and JavaScript.