Accessibility

CSS Advisor

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

by warren.icny on July 11, 2012 Avg Rating Not yet rated   |   Log in to rate post.

Tagged with Explorer 8.0 , Position , Float , IE 9

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




Tagged with Explorer 8.0 , Position , Float , IE 9

Tag it on del.icio.us or Digg

Text ID: IE9ISSUE



Comments (0)

To add a comment, please Log in.








CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (103)
Mozilla/Firefox (52)
Opera (18)
Safari (38)
CSS Properties
Background (25)
Border (10)
Color (10)
Float (23)
Font (6)
Margin (11)
Padding (9)
Position (40)
Text (30)
Width/Height (27)