1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

SPRY HORIZONTAL MENU displaying in wrong position in IE 8/9 (fine in Firefox, Chrome, Safari, Opera)

Problem

In my website that I am developing, my spry menus are displaying in the upper right corner of the Dreamweaver screen and also in IE8/9, yet in Firefox, Safari, Opera, and Chrome, they are displaying properly as the CSS I've written specifies.

Solution

No solution thus far.

Detailed description

I'm developing a web site which includes a Spry horizontal menu along the top of the screen.  In Dreamweaver CS4 as well as in IE 8 / 9, they display in the upper right position of my screen.  I've specified where they are to position in my CSS style sheet.  When I view the Dreamweaver page in Firefox, Chrome, Opera, and Safari, the menu's are in the correct position.

 

I've attached two files. One showing the "problem postioning" in IE 9, and one showing how the menu's SHOULD appear.

 

Can anyone shed some light on how to correct this problem?

 

If you can, please send the email directly to me at: warren.icny@gmail.com

 

I appreciate all help  provided to this most vexing problem.

 

 

This is the CSS controlling positioning:

#mainNav {
  width: 930px;
  margin: 40px 5px 5px 0px;  /* changed from 80px lead */
  padding: 0px 3px 0px 0px;
  position: relative;
  z-index:1000px;
}

 

 

 

IE-menu-problem.gif
FF-menu.gif

Text ID: IE9ISSUE

---