Testing our site with official IE9 release, some quirks I found.

First, is the site.

When viewing the site with IE9, the problems are:

1. Drop down menu is under layered, under the main grey banner on home page. Also, the font style/face is entirely different than when viewed in Chrome or Firefox.
see screenshot

2. Vertically top aligned text in tab menu (page)
see screenshot.

Thanks for your help in advance

PS: header has this code

<!--[if lt IE 9]><script src=""></script><![endif]-->

From what I see, IE9 uses only the styles found in code/css/styles.css and code/css/tables.css.

<!--[if lt IE 9]>

means if less than IE9.

Shouldn't this line

$("#header ul li ul li:odd").css("background-color", "#37393d");


$("#header ul li ul li:nth-child(odd)").css("background-color", "#37393d");

I will look at the two css files in a minute. I suspect that even though you may be using z-index in these files, you have the "can't elevate the index beyond it's parents level' problem. This means the parent that it is in is lower in index then the parent of the other div. Time for lunch!

Thanks, but that did not rectify the problem.

I'm looking for a solution so the site operates correctly in IE9 and menu drop down doesn't get buried below the right aligned slider.

Your help is appreciated, thank you.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.