IE Z-Index problem.

[loofemmaps]

If you check the following site with Internet Explorer 10 the sub menus for the navigation are hidden behind the images. http://patrickjamesg...u/mb/index.html I tried adjusting the z-index values, helped with Firefox/Chrome but not with IE. Here is the code: http://jsfiddle.net/loofemmaps/y3cPD/ Thanks

[dsonesuk]

Without a doctype specified, IE goes into stupid mode, a doctype make it act like other better browsers. press F12 to open developer tools -> Document Mode: you will probably find it showing the default of 'Quirks mode', use the dropdown and select Internet Explorer 10 Standards, and you see it probably works now. http://w3schools.com/tags/tag_doctype.asp

[loofemmaps]

I tried multiple doctypes and it isn't set to 'Quirks mode' it's on standards. Still doesn't work on IE 10

[dsonesuk]

I just tested your link, and now its has html5 doctype the submenu are fine in IE10, not so much IE7/8 Compatibility, but you would expect that with these older versions. Did you clear history/cache? if using Dreamweaver for instance, DONT preview the site through DW design Pane/Preview, but always through the browser itself.

[newseed]

I noticed that you are using HTML5 tags but I do not see any shim (shiv) scripts to support legacy browsers (IE8/7)

[Ingolme]

It is true that to be able to style HTML 5 elements in older versions of Internet Explorer you need to create one with Javascript first.

document.createElement("header");document.createElement("footer");document.createElement("article");...

Some people have premade scripts with all the elements made for you that you can attach to your document.